css extra space in list
-
I want to add a code in the style.css of my child theme that automatically adds an extra space after the number and the point of an (unordered and ordered) list. Current situation 1.test This should be 1. test
Can someone help me with the complete code that I can put in the style.css?
-
This topic was modified 6 years, 6 months ago by
Steven Stern (sterndata).
-
This topic was modified 6 years, 6 months ago by
Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
The page I need help with: [log in to see the link]
-
This topic was modified 6 years, 6 months ago by
-
Could you please send a URL of a page showing a list that is not displaying as you want it to? That would be very helpful in working out the best solution here.
Hi,
I already responded to this yesterday in the NL forums here: https://nl.ww.wp.xz.cn/support/topic/css-voor-opsommingslijst/
Hi Willem,
I see what you mean. It looks like there’s
appearing in front of that first line item. In HTML denotes a space character, so that’s why the browser is showing a space there and it also means the fix here does not involve CSS.This could either be coming from your theme in some way, although that seems unlikely to me, or you are inserting a space before the first item in the list. Perhaps you copy/pasted the list from elsewhere and you didn’t notice there is a space included?
Of course, this may be a plugin or theme conflict. To diagnose that issue, you can disable all plugins, and use one of the default (Twenty*) themes. If the problem goes away, enable them one by one to identify the source of your troubles.
Hi,
so what I mentioned in my reply was that setting
padding-lefton the list item will increase the space.The most basic way is to use:
ul li { padding-left: 5px; }You can add that code to your child themes stylesheet, or via wp-dashboard > Appearance > Customizer: Additional CSS. (NL: Weergave > Customizer: Extra CSS)
See also: http://vanweerd.com/screenshots/s20191118171806.jpg
The topic ‘css extra space in list’ is closed to new replies.