[Resolved] Border containers as a class. . . .

[Robert Holland]

I built a new home page that displays all three novels of the trilogy. Goto https://robertdeanholland.com

I found a class called container-border on other GPP support pages, and placed the call to the class in the Additional CSS class(es) of each column on the new home page

Here is the code snippet of the class:

.container-border { border: 2px solid #40E0D0; box-sizing: border-box; }

Is there some additional code snippet for these that will give me the ability to control the radii of the corners this class creates?

[Fernando]

Hi Robert,

You can update your code to this:

.container-border {
    border: 2px solid #40E0D0;
    box-sizing: border-box;
    border-radius: 20px;
}

Replace 20px with your preferred value.

Alternatively, you can use a GB Container Block instead. This Block has a border size and radius setting. Reference: https://docs.generateblocks.com/article/container-overview/#spacing

[Robert Holland]

Thanks, looks great.

[Fernando]

You’re welcome Robert!

[Author]

Posts