Need help? Check out our Support site, then


Custom css doesn't apply in 20-11 theme slideshow

  1. Hi all,

    It's been a while since I checked the blog, but for some reason (an update on the theme I guess) the slide show ignores the code I introduced in the custom css, and selects the themeĀ“s default css.

    What I'm willing to do is remove the black background and border from the default slide show, and substitute it with the background color. It is quite weird because the rest of the css are working properly.

    Checking with firefox's firebug the css code selected is:
    .slideshow-window {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid #fff;
    border-radius: 0;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    margin-bottom: 20px;
    }

    unstead of the one in my custom css:

    .slideshow-window {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid #FFFFFF;
    border-radius: 0 0 0 0;
    margin-bottom: 20px;
    }

    Any help, please...

    Thanks

    The blog I need help with is noelmarichalar.com.

  2. I checked http://noelmarichalar.com/ and I see that you were able to fix the problem by adding "!important" to the end of some of your CSS. Another way would be to just make the selector a bit more specific. For example, change ".slideshow-window" to "div.slideshow-window" in your example above.

Topic Closed

This topic has been closed to new replies.

About this Topic