Support » Plugin: FooGallery - Image Gallery WordPress Plugin » background hover color

  • Resolved Lockhart

    (@muldari)


    How can I change the color/opacity of the background on hover where the title & description show?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author bradvin

    (@bradvin)

    hi – you can add a small snippet of custom CSS. When editing a gallery, scroll down to the custom CSS metabox and insert the following:

    
    .foogallery figcaption.fg-caption {
        background-color: #f009;
    }
    

    You can adjust the #f009 to be a color that your like

    Plugin Author bradvin

    (@bradvin)

    you can also adjust the 9 in the #f009 to adjust the opacity

    Hi,
    I put this code:
    .foogallery figcaption.fg-caption {

    background-color: #1b86de;

    }
    and the background on hover with the title is blue but the opacity is 100%. How to made this blue color with opacity ex. 50?

    regards
    Marta

    • This reply was modified 3 months, 2 weeks ago by  maa821.

    Hi @bradvin , i am trying to use your CSS code, but i need to chance de color to white, so my code now is like this:

    .foogallery figcaption.fg-caption {
    background-color: #f2f2f2
    }

    But i also want to change de opacity, how can i do that?

    Lockhart

    (@muldari)

    Do this: background-color: rgba(242,242,242,0.74)!important;
    and change the 0.74 to whatever opacity you want.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.