Style all foo galleries?

  • Resolved Ezekial

    (@ezekial)


    9 years, 7 months ago

    I would like to style all foo galleries with css – what is the proper way to do this? So far I can only style a gallery if I use the gallery ID # in my css; thus only styling that particular gallery.

    Specifically I want to set the font-size and alignment of all p elements for all Foo Galleries. Help please!

    -EZ

    https://www.ads-software.com/plugins/foogallery/

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

    (@bradvin)

    Hi,

    You would need to add some CSS to your theme’s style.css file:

    .foogallery-container p {
    font-size: 10px;
    }

    All foogalleries will have a class of foogallery-container no matter which gallery template is used.

    Thread Starter Ezekial

    (@ezekial)

    This does not work.

    If you look at the example:

    https://zaxis.nfshost.com/leak-testers/

    I currently have:

    .foogallery-container p {
    font-size: 18px;
    text-align: left;

    }

    in my style.css file – does not do anything.

    Plugin Author bradvin

    (@bradvin)

    I had a look at your page and there is no style in your style.css that contains “.foogallery-container p”

    I also tested what you added above and you would need to include !important to make sure that it is used

    Thread Starter Ezekial

    (@ezekial)

    By the time you checked I had removed the styling; I added it again but included !important rules.

    My style.css now includes:

    .foogallery-container p {
    font-size: 18px !important;
    text-align: left !important;

    }

    Works like a charm-

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Style all foo galleries?’ is closed to new replies.