I’m using a separator to separate two sections on a page but the line is quite thick. There doesn’t seem to be any way to change the line thickness? I’m working in the Twenty Twenty Three theme.
Hi @editorialteam you can change the width of the line using CSS code, you can adjust 1px to 2px or any other number you would prefer. You can access the CSS editor by adding this after your URL /wp-admin/customize.php and visiting the Additional CSS panel.
Hi @editorialteam – 1px is the lowest possible pixel value when creating a CSS border. That’s because digital screens can either display a pixel, or no pixel, but not a partial pixel.
Is the syntax “border-width” or “border” for the thickness (not width) of the separator line?
Hi @editorialteam – you should be able use either. border is the shorthand property, which allows you to add optional properties like color or style to the CSS declaration.
Thanks for the advice. As you say, the screenshots clearly show the differences in line thicknesses but this still doesn’t seem to work for me. I’ll have a closer look in due course.
@editorialteam I’d be glad to take a look at this directly to try to see why it doesn’t seem to be working for you. Feel free to provide a link to the page or post on your site. Thanks!
That’s kind of you but I’m working on a staging site at the moment which is not public facing. Presumably the CSS code (copy and paste) is inserted in the ‘Additional CSS’ panel in ‘Customising’? If so, that’s what I have been doing. I’ll have another look in the next day or so. Thank you anyway.
Presumably the CSS code (copy and paste) is inserted in the ‘Additional CSS’ panel in ‘Customising’?
Yes, that’s exactly where it goes.
I’ve seen code glitches before (extra unintended characters when copy-pasting, accidentally nested code, dropped curly brackets, etc.) that prevent CSS from rendering correctly, so those are the types of things I was going to look for. You’re also welcome to paste the entire contents of your CSS editor (that Additional CSS panel) here in a Code block so I can have a look and do some testing.
