Changing theme color

  • Resolved andyroo27

    (@andyroo27)


    5 years, 1 month ago

    Hi I currently have the “dark” theme on my foogallery but the client would like to see how it looks red. I can’t figure out the css that is needed to change the background theme color?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @andyroo27,

    Apologies for the delay.

    You can try something along the lines of:

    .fbx-light, .fbx-light .fbx-caption, .fbx-light .fbx-open-caption, .fbx-light.fbx-phone .fbx-social {
    background-color: rgba(80,0,0,.7);
    }

    …and adjust the RGBA value to match the red that you would like. You can also adjust the .7 at the end to adjust the opacity leve.

    Thread Starter andyroo27

    (@andyroo27)

    Thank you!

    Thread Starter andyroo27

    (@andyroo27)

    That actually didn’t work, but I fiddled around and found that this code does the trick:
    /*For Foo gallery Theme color*/
    .foogallery.fg-dark .fg-item-inner {
    background-color: #990000;
    color: #fff;
    border-color: #990000;
    }

    The only thing that it does that I don’t like is it also makes the hover color redish, but I can’t quite figure out how to stop that from happening. I’m still new to css

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing theme color’ is closed to new replies.