about container's border style

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

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.

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

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.

hello

i got it.

thanks.

Where can i see this ?

Glad to hear that!!

Hello David,

other website .

use the custom css but has some issue.

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

please help me check again.

thanks.

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 ?