Why does this modules skin.css file get inserted after my theme's CSS and how can I move it up so I can override the class .jcarousel-container-horizontal?

Thanks

Comments

mfer’s picture

mfer commented

How are you using the view in your setup? Are you embedding it somewhere?

I ask because the skin.css file is supposed to come before the themes css unless something special has been done.

eft’s picture

eft commented

Hi Matt,

I'm using the view in a header block and a Zen sub-theme.

When I set the Views style Skin option to Custom the skin.css is still the second last style sheet referenced; however, at least I can configure the carousel dimensions to my needs.

The other issue that slowed me down was the affect of default styling on list items. This was rectified by following the advice of webthingee and adding:

.jcarousel-skin-custom .jcarousel-clip-horizontal ul{
    padding: 0px;
    margin: 0px;
    list-style-position: inside;
    list-style-type: none;
}

to my skin.css. Maybe this should be added to the jCarousel module.

Thanks for all your great work on this and other modules. Really appreciated.

novovox’s picture

novovox commented

I am having the same problem. Has anyone been able to figure this out?

I am using the Fusion theme and I am styling with fusion-starter-style which is also the second-last stylesheet to be referenced. Can't figure out why it won't override skin.css.

Any helpers?

eft’s picture

eft commented

For me this issue was related to IE's

tag limitation issue. See http://drupal.org/node/648254#comment-2338452
mfer’s picture

mfer commented

@eft This is a known ie problem. Most of us build using FF so we don't see the issue during build out.

@novovox what browser are you having the issue in?

novovox’s picture

novovox commented

I am using FF.

Solved using eft #4 post. Not ideal but it works for now.

Thanks.

maddentim’s picture

maddentim commented

same issue here with FF. In Firebug, i see my css edits, but they are overridden by the module's css.

AdrianB’s picture

AdrianB commented

skin.css is loaded by the wrong call (afaik) in the jCarousel module. Instead of drupal_add_css($skin_path, 'module'); they use drupal_add_css($skin_path, 'theme');.

I've explained it in more detail here in #648254: Use "module" instead of "theme" when adding skin.css .