Archived topic
WP Separator Block Only Showing Full Width Line
5 replies · Started by Galen on May 19, 2020
Hi Guys,
When I use the WP separator block to create a dividing line, and when I use the default line, which is supposed to be a short centered line, after I build the page and view it live it creates a full width line. I assume this has something to do with how GP controls separator lines?
What I would like is a centered line, at about 40% width, 2 pixels high, with this color #193491, as the default WP separator block line.
Thanks
(P.S. rebuilding site in a production location so URL of website is not accessible)
Hi there,
try adding this CSS:
hr.wp-block-separator {
max-width: 40%;
height: 2px;
background-color: #193491;
}That works the trick. Thanks.
You're welcome
How do you centre this separator line and make sure that there is enough gap below the separator line?
I tried adding the margin: 0 auto; line to your code above but it left too little gap below the separator.
Thanks in advance.
Hi Victor,
Can you open up a new topic for this? So you can use the private information text field to provide the site details.
This is so we can inspect the site for appropriate CSS writeup.
