[Resolved] Customizing Separator block

[Pietro]

Hi there,
I have a problem with the separator block in my site.
As you can see, in the 3 grey blocks there is a line to separate the “title” to the “detail”.
I wold like to customize that lines in terms of length and depth (in some way length is ok, depth no).
Is it possible?

Many thanks in advance

[Ying]

Hi Pietro ,

I noticed that the first line (block separator) is shorter than the other two, if you’d like them to be the same length, remove the padding of the inside container which the first block separator located in.

To adjust their length and depth, try this css:

hr.wp-block-separator {
    height: 2px;
    width: 100%;
}

It’s better to use % for width since fixed px might cause problem in mobile view.

Let me know 🙂

[Pietro]

Hi Ying,
it works (obviously 🙂 )!!!
Many thanks

[Ying]

Glad to help 🙂

[Author]

Posts