Archived topic
Border containers as a class. . . .
3 replies · Started by Robert Holland on October 26, 2022
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?
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
Thanks, looks great.
You're welcome Robert!
