[Resolved] about container’s border style

[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.

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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.

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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.

[bruce]

hello

i got it.

thanks.

[David]

Where can i see this ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

Glad to hear that!!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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.

[David]

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 ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts