Hi, I am having a problem with Inline CSS getting overwritten (I thought it always had priority).
Some of my post titles display over two lines in the sidebar, so I am trying to add a circle in front of each title.
Using Firefox Web Developer Tools, I navigated to that element on the page.
When I add the two CSS lines below to the element in Web Developer Tools, it works just they way I want.
margin-left: 0;
list-style: circle;
This is what I want; which is also what I get entering the CSS into Web Developer Tools
https://w-f-m.com/wp-content/uploads/2022/05/Screen-Shot-2022-05-08-at-18.07.56.png
Below is the code which appears under Changes in Web Developer Tools, which I pasted into Additional CSS for the theme.
.wp-block-latest-posts__list {
margin-left: 0;
list-style: circle;
}
Unfortunately, as you can see from this screenshot the “list-style: circle;” gets overwritten and so is ignored.
https://w-f-m.com/wp-content/uploads/2022/05/Screen-Shot-2022-05-08-at-18.10.56.png
Can you tell me please how to get the “list-style: circle;” to work?
Kind regards,
William