- 
		AuthorPosts
 - 
		
			
				
November 10, 2023 at 9:58 am #1425204
Dear members of the support forum,
I am trying to move the bullet points (markers) of an unordered list down. I would like to move them down just a few pixels, but I don’t know how.
Here is a link to the page:
https://www.maartenontwerp.nl/website-onderhoud/It’s about the orange markers. I already changed the colour and the size with this code:
li::marker { color: #ff9001; font-size: 28px; }Your help will be highly appreciated!
November 13, 2023 at 3:20 am #1425359Hey pelgrimrat,
Thank you for the inquiry.
For some reason, the position of the marker is not adjustable. Please remove the previous modification, then add this css code instead.
.entry-content-wrapper div li:before { content: ''; width: 8px; height: 8px; display: block; background: #ff9001; border-radius: 100%; float: left; top: 8px; position: relative; margin-right: 8px; }Best regards,
IsmaelNovember 13, 2023 at 1:42 pm #1425440Hi Ismael,
Thank you very much for your reply!
I have tried your code and this solved the problem, so thank you!After I added your code, the “default” bullet points were still there. To remove these, I made some changes in my code.
The code now looks like this:/* bullet points */ li::marker { color: transparent; font-size: 28px; } .entry-content-wrapper div li:before { content: ''; width: 9px; height: 9px; display: block; background: #ff9001; border-radius: 100%; float: left; top: 8px; position: relative; margin-right: 14px; margin-left: -24px; }November 14, 2023 at 12:53 am #1425517Hi pelgrimrat,
I’m glad that you were able to figure it out. :)
Thanks for posting the solution that worked for you and thanks as well for using Enfold.
Have a great day!Best regards,
Nikko - 
		AuthorPosts
 
- The topic ‘Move down bullet points’ is closed to new replies.
 
