Thumbnail Styling

  • Resolved jacobwhitney

    (@jacobwhitney)


    8 years, 10 months ago

    Hello there,

    I am having an issue with styling multiple galleries on a single WordPress page. I changed the margins and border-radius using the following CSS:

    
#bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun1_0 {
    margin: 10px 15px !important;
}
#bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun1_0 img {
    border-radius:3px !important;
}

    This worked for the first gallery. However, when I added a second shortcode on the same page, the following gallery doesn’t use the CSS. The site is not yet public, so I don’t have a url to share with you. However, below are screenshots of the galleries on the page, as well as the shortcodes used when editing the page. Please advise what CSS I should use to apply styles to all galleries.

    Screenshot Folder

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Photo Gallery Support

    (@photogallerysupport)

    8 years, 10 months ago

    Hello, @jacobwhitney!

    Thank you for posting your request!

    Please note, that these IDs are unique for each gallery. For example, for your second gallery, you will need the following CSS code:

    #bwg_container1_1 #bwg_container2_1 .bwg_standart_thumb_spun1_1 {
    margin: 10px 15px !important;
}
#bwg_container1_1 #bwg_container2_1 .bwg_standart_thumb_spun1_1 img {
    border-radius:3px !important;
}

    The last number of each ID on different shortcodes on the same page is dynamic. So you will need to add the CSS for each of them.

    Let me know in case you have questions.
    Cheers!

    Thread Starter jacobwhitney

    (@jacobwhitney)

    8 years, 10 months ago

    Tried adding new code with the last numbers changed, but it didn’t work.

    Here’s the screenshot of the CSS and webpage: New Screenshot

    • This reply was modified 8 years, 10 months ago by jacobwhitney.
    Plugin Contributor Photo Gallery Support

    (@photogallerysupport)

    8 years, 9 months ago

    Hello, @jacobwhitney!

    Please note, that only changing the last number of the IDs will not work. You will need to check the IDs of the parents as it looks in the code I provided.

    If you’re having trouble, please publish 2-3 galleries on a live page and post the link here. We will provide you the CSS code and show an example.

    Thanks! Have a wonderful day!

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

The topic ‘Thumbnail Styling’ is closed to new replies.