Site logo

Archived topic

Adjust gutenberg separator line

9 replies · Started by Chris on January 1, 2020

Viewing posts 1–10 of 10

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 :)

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

This archived topic is closed to new replies.