[Resolved] Exclude Image Gallery from UL customization

[Adrien]

Dear GP Team,

I have customized my bullet list with the code below. However, I’d like to exclude it from applying to the WordPress Gallery image.

Here is a screenshot : https://tinyurl.com/yxus62v3

Here is a link to see it live: https://ecomturbo.net/test/

Here is my code:

.entry-content ul > li:before {
    background-color: #f56f46;
    border-radius: 2px;
    content: '';
    height: 9px;
    position: absolute;
    top: 15px;
    left: 0;
    width: 9px;
}

Thank you for your help.

[David]

Hi there,

in your CSS you have two CSS Rules that use these selectors:

.entry-content ul

.entry-content ul > li:before

Change them to:

.entry-content ul:not(.blocks-gallery-grid)

.entry-content ul:not(.blocks-gallery-grid) > li:before

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Adrien]

Thank you so much David! As usual you’ve helped me a lot.

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts