Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

Bullet points to small with ::before / I tried :display none and use ::marker but wont work with my theme

my bullet points are too small and I can’t seem to find a fix for this.

If I adjust the font-size to make the bullet point bigger, the ::before item gets vertically higher which creates a gap and pushes the following paragraph further away/down.

Website: https://bloglized.com/

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

CSS: attached are two images down below for more details (default + adjusted)

default
adjusted

If someone knows how to fix this, I would appreciate it.

EDIT: Also, I would like to use the list-style-position: outside, to vertically align my text. Unfortunately, it seems like it’s not possible here. If anyone knows a fix for that as well that would be awesome!

>Solution :

What you’re looking for is the line-height CSS property.

After you’ve made your font-size adjustments, change your line-height as desired.

Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading