Control top/bottom right/left border radius separately on text box

#1

I am attempting to recreate a simpler version of the Total theme Pricing Table and mimic the look exactly by using text boxes with the same background and border colors. I am working with the Nouveau theme.

What is the class used to define the border radiuses for the top row of the pricing table? The top (left and right) radius is 3px and the bottom (left and right) radius is 0px. I tried creating a new class in the custom CSS (below) and adding the class name under the General section of the Text Block Settings, but it didn’t work. Any help would be much appreciated.
.borderradius {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}

#2

Hi,

Try adding !important to override the default value.

Like this
.borderradius {
border-bottom-left-radius : 3px !important;
border-bottom-right-radius : 3px !important;
border-top-left-radius : 3px !important;
border-top-right-radius : 3px !important;
}

#3

Hi @brinyside - you shouldn’t need to use custom CSS. Our Total theme (and the Nouveau demo that is a part of it) includes tons of customization options for modules. Please seek support though if you’re having trouble figuring it out and we’d be happy to help :slight_smile:

1 Like