Archived topic
Adjust gutenberg separator line
9 replies · Started by Chris on January 1, 2020
In the wordpress editor, the separator line isn't full width, which is what I want: http://prntscr.com/qi9g6a.
But when I preview it, it shows a full width line: http://prntscr.com/qi9giw
I came across this article and it seems the length of the line is determined by the theme. Would you know how to change the length?
Hi there,
Any chance you can link us to the page in question where the line can be seen?
You can edit the original topic and use the private URL field.
Let me know :)
Done :)
This is what I'm seeing which is normal?
https://www.screencast.com/t/Fk5UBUOOvp5O
Right, that's a full-width line.
I'd like a 1/4th line, like this: http://prntscr.com/qii5oj
Hi there,
try this CSS:
.wp-block-separator {
width: 25%;
}
Is there a way to have both options: full-width & 25%?
You can use this CSS instead:
.wp-block-separator:not(.is-style-wide) {
width: 25%;
}
Then the default separator will be 25% but the Wide Line option will be 100%
That worked! Thanks a ton, David!!
You're welcome