Change gallery background color with css

  • Unknown's avatar
    wenchekvalstadeckhoff · Member ·

    Hello!

    First, I think the Photography theme works great!

    I am using the light version of the theme, and I would also like to change the color of the gallery background – the gray frame around the main image and the thumbnails and text under it – and make it a bit brighter/more discrete.
    I have bought the css upgrade, but I do not know the right code for doing this. I would really appreciate help with this.

    Thank you!

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, I’ve used some obnoxious colors so you can see what is what, but the following will allow you to change borders and backrounds on the gallery, thumbnails and the text below it. The first rule below is the gallery and thumbs. The second is the text block below the thumbs.

    body.light .galleria-container {
    background: #33CC33;
    border: 1px solid #CC0000;
}
body.light .attached-to-gallery .entry {
    background: #CC3380;
    border: 1px solid #3380cc;
}
  • Unknown's avatar
    wenchekvalstadeckhoff · Member ·

    Thank you so much, that worked great! :)

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Change gallery background color with css’ is closed to new replies.