How can I fix the background color in my slideshow?

  • Unknown's avatar

    The background color for my slideshows has suddenly changed to #222222 rather than the white that i had previously set. The CSS hasn’t changed, so I am wondering if a more global style change has happened and if its possible to reset it. An example page is http://marialuxart.wordpress.com/projects/doghousedollhouse/ (the space around the images is now dark grey). Thank you for your help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    The CSS has changed. Change it back, being a novice at CSS I’m not sure but I think this will work:
    .slideshow-window {
    background-color: #ffffff;
    border: 20px solid #ffffff;
    border-radius: 11px 11px 11px 11px;
    margin-bottom: 20px;
    }

  • Unknown's avatar

    Thanks! I still think this is coming from higher up at WordPress, because my code already said essentially what you suggested, and I tried your code as well but nothing changed. I’m hoping there is a way to override what the gallery/slideshow settings are from wordpress because it seems like the custom design CSS isn’t doing it. :) Thanks for the suggestion!

  • Unknown's avatar

    I think you have pasted the whole stylesheet of the theme into the CSS editor. This is a big mistake, because (redundancies apart) it doesn’t allow browsers to read the commands in the right order. So first you should remove everything from the editor and add only the changes you make.

  • Unknown's avatar

    It does appear that I pasted the whole stylesheet, but as it turns out, I’ve made changes to almost every item in the CSS and don’t have a good record of which things I didn’t change. Is there any other way to get it to read my background color change in the correct order or override the WordPress gallery change? Or is this something that wordpress changed that we can’t change anymore? :)

  • Unknown's avatar

    For the slideshow issue, try replacing “.slideshow-window” with “div.slideshow-window” in your CSS.

  • Unknown's avatar

    Thank you so much! That worked.

  • Unknown's avatar

    Hi I have found several answers to this same question and tried all of them with no luck. I am totally new to CSS – the only thing I need to do is change the slideshow background to white so it blends with the page

    Home

    I went into the CSS editor and deleted the message there, and pasted in exactly this:

    /*
    div.slideshow-window {
    background-color: #ffffff;
    border: 20px solid #ffffff;
    border-radius: 11px 11px 11px 11px;
    margin-bottom: 20px;
    }
    */

    and then I hit “save stylesheet” and nothing happens. I tried it with and without the .div

    what am I doing wrong?

  • Unknown's avatar

    Looks like you figured it out, but the /* and */ characters at the beginning and end of your example meant that it was a comment in CSS code. You should only use them for adding notes inside your CSS if needed.

  • The topic ‘How can I fix the background color in my slideshow?’ is closed to new replies.