I am using Acquia Marina theme.When I add jCarousel to page or block I see the default arrow that theme sets. I think there is a problem about css file.

CommentFileSizeAuthor
#5 story.PNG69.19 KBmustafadur

Comments

wim leers’s picture

Assigned: Unassigned » wim leers
Category: bug » support
Priority: Normal » Minor
Status: Active » Fixed

jCarousel doesn't aim to provide CSS that works across all themes. The included CSS is just an example and should be tweaked to suit your theme.

mustafadur’s picture

Status: Fixed » Active

Your comment 100% correct. However it didn't help me at all. Isn't it possible to put jCarousel in a container and set every option to default one, so there won't be a problem at all.

wim leers’s picture

Ehm … maybe. I don't know. I'm not a themer, I didn't write any custom CSS.

robloach’s picture

If you visit admin/help/jcarousel, what happens? Any screenshots or code would be helpful.

mustafadur’s picture

StatusFileSize
new69.19 KB

This is the code I am using to add jcarousel

  <ul id="mycarousel">
    <li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
  </ul>
  <?php
    jcarousel_add('#mycarousel', array('vertical' => TRUE));
  ?>

When I visit admin/help/jcarousel I see the jcarousel as it is supposed to be. No extra picture next to list item. However if I post as a part of story or inside a block extra pictures for list items are seen. I also attached firebug output. If I disable #content-bottom ul li attributes it shows as it supposed to be.

wim leers’s picture

Then just add another CSS rule with #mycarousel li as selector and disable the CSS that you'd like to see removed?

wim leers’s picture

Status: Active » Closed (fixed)

Closing due to lack of response.