[Resolved] about container’s border style

Home Forums Support [Resolved] about container’s border style

Home Forums Support about container’s border style

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #2379832
    bruce

    hello

    please see this url https://finechem.baynoe.com/contact-us

    this style i use container’s border . the line is solid ,how to use dotted.

    thanks.

    #2379907
    David
    Staff
    Customer Support

    Hi there,

    it will require CSS.
    Add this CSS to your site:

    
    .border-dotted {
        border-style: dotted;
    }

    Then edit the Container Block and in Advanced > Additional CSS Class(es) add: border-dotted

    #2380004
    bruce

    hello

    i mean like this website:http://www.cidic.com.cn/contact.html

    the address ,the tel,the email’s belowe has the dotted line.

    just now i add it to container block,but this dotted added to the container.

    thanks.

    #2380196
    David
    Staff
    Customer Support

    OK, if the border has to be only under the text, and will span the width of the container then:

    1. Change the CSS to this:

    
    .border-dotted .gb-headline-text {
        flex: 1;
        border-bottom: 1px dotted #ccc;
    }
    .border-dotted span {
        padding-bottom: 15px;
    }

    2. Select the Headline Block and in Advanced > Additional CSS Class(es) add: border-dotted

    #2380247
    bruce

    hello

    the custom css worked.

    but BAYNOE CHEM (SUZHOU) CO.,LTD FINECHEM DEPARTMENT,these two title not need dotted line.

    how to let the dotted line not enable below these two title block.

    thanks.

    #2380250
    bruce

    hello

    i got it.

    thanks.

    #2380251
    David
    Staff
    Customer Support

    Where can i see this ?

    #2380252
    David
    Staff
    Customer Support

    Glad to hear that!!

    #2451247
    bruce

    Hello David,

    other website .

    use the custom css but has some issue.

    https://agro.baynoe.com/products-center

    please help me check again.

    thanks.

    #2451348
    David
    Staff
    Customer Support

    In the steps here:

    https://generatepress.com/forums/topic/about-containers-border-style/#post-2380196

    #2 is to add the border-dotted class. i don’t see that on this other site ? Did you add it to any blocks ?

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