Archived topic
CSS changes to line separator not showing
10 replies · Started by Nicola on November 24, 2021
Hi, I am trying to make my block line separator not so ugly looking - I want it thinner and not full width, I found several posts on your support forum offering some CSS to change the style but when I apply them (I've tried each separately) nothing happens! I am obviously doing something wrong - but don't know what. Can you help please? thanks, Nicola
The last one I tried applying was this:
hr.wp-block-separator {
border-top: none;
}
Hi there,
the URL you provided is not a WP Site - can you double check the URL?
I don't understand, it is a wordpress site with a generatepress theme and using generateblocks!
https://www.hendersonstone-am.co.uk/testimonials/
I think its a coming soo page ?
I'm so sorry, I've disabled that for now. https://www.hendersonstone-am.co.uk/testimonials/
Hi, I have disabled the Coming Soon page so you should be able to see the webpage now. Thank you,
Nicola
Hi Nicola,
The CSS should work, I've tested in the developer tool.
Can you try add the CSS to the top of the customizer > additional CSS? Let me know if that works.
Thank you very much, it is now working!
So it was just a matter of placing the css at the top of 'Additional CSS'? I thought it would work using Code Snippets or Simple CSS?
Anyway, your help is greatly appreciated!
Nicola
Code snippet is for PHP code not CSS, simple CSS should work :)
If you add the CSS to the bottom of your existing CSS and it somehow doesn't work, it usually means there's an error in your previous CSS.
A tool like this should be helpful to find out where the error is:https://jigsaw.w3.org/css-validator/
Thank you!
No problem :)
