JCarousel issue with Artisteer Drupal Themes


Author Message
stavros

Posted: 11/5/2011
Quote message 

Hi,

I have tried to use the JCaroulel module for Drupal 7 and I have created a View with a photo slideset.

When using Drupal default themes (Bartik, Garland) everything is fine and the slideset works as expected.

When using Artisteer generated themes (I have tried two of them), JCarousel slideset is not working correctly.

Photos are moving out of the JCarousel frame and when a new image gets its turn, it is stacked next or below the others in an awful sort-of-table way.

Has anyone else encountered a similar issue with this module?
Why JS code of the module never works with Artisteer themes?
 
Nikky

Posted: 11/6/2011
Quote message 

Same issue with Drupal 7 et Artisteer 3.1.beta 2.
I have posted an issue actually with Artisteer support. There are in investigation steps.
 
Nicky

Posted: 11/8/2011
Quote message 

Here is support answer. For me it works.

I was able to reproduce the issue with jCarousel module and Drupal 7 Artisteer templates.

Please try the following solution to resolve the problem on your end:

1. Open your style.css file for edit and find the following css code block:


ul.links li, .block ul
{
display: inline;
background-image: none;
padding: 0;
}


2. Change the 'inline' value to 'block' as shown below:


ul.links li, .block ul
{
display: block;
background-image: none;
padding: 0;
}


3. Save your changes and reload the View page in browser
 
stavros

Posted: 11/10/2011
Quote message 

Hi Nicky,

Thanks for the feedback.

Just a couple of days before your post I was able to correct it after changing the dispay CSS parameter to block (just like you said).
So I can double verify that this was the issue.

Artisteer generates CSS code which is overriding the JCarousel one.
I was able to find it out by using firebug.

Thanks
Stavros
 
Nicky

Posted: 11/16/2011
Quote message 

How do you get rid of bullet images when using jcarousel in a page display?
 
Nicky

Posted: 11/16/2011
Quote message 

some new css did it
jcarousel li {
background-image: none !important;
list-style-image:none !important;
list-style-type:none !important;
}