[Resolved] WP Separator Block Only Showing Full Width Line

Home Forums Support [Resolved] WP Separator Block Only Showing Full Width Line

Home Forums Support WP Separator Block Only Showing Full Width Line

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1291898
    Galen

    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)

    #1292216
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    hr.wp-block-separator {
        max-width: 40%;
        height: 2px;
        background-color: #193491;
    }
    #1292291
    Galen

    That works the trick. Thanks.

    #1292672
    David
    Staff
    Customer Support

    You’re welcome

    #1779196
    Victor

    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.

    #1779394
    Elvin
    Staff
    Customer Support

    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.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.