
|
Hello
I have added the following code to the blog template using the Oxygen editor.
.article-content span ul li:before {
color: #82827e;
content:”•”;
left: -2.3em;
position: absolute;
text-align: right;
width: 1.5em;
font-weight: 900;
}
I found that this code affects the style of the gallery block, as in the URL:
https://tinyurl.com/y9pxrtl7
I tried using the following code, but it still didn’t work, and selecting list style:none; via Microthemer didn’t keep it from displaying
li.kadence-blocks-gallery-item{
list-style-type: none;
}
Any suggestions are greatly appreciated.
|

|
Hey,
The first CSS rule applies a bullet point using a ::before pseudo element. So to override this, you would need to set ::before on the 2nd rule e.g.
li.kadence-blocks-gallery-item::before {
display: none;
}
The bullet is set using the content property on the ::before element, so list-style-type isn’t relevant. You could set content: ”; but it might be cleaner to set it not display at all with display: none;, as above.
Alternatively, you could modify the first selector in some way to make it only affect the elements you want. I would need a link to the page to advise you on that further though.
Cheers,
Sebastian
|