Hello. It is actually quite simple.
1) Create a custom style for the background color. (You can also add other styles.)
Examples:
.add-grey-background {background-color:#dddddd;}
.add-gold-background {background-color:gold;}
.add-border {
border-width:1px;
border-style:solid;
border-color:#87bfc7;
}
.add-padding {
padding-top:25px !important;
padding-right:25px !important;
padding-bottom:25px !important;
padding-left:25px !important;
}
.add-centered {text-align: center !important;}
.add-margin {
margin-bottom:14px !important;
}
.add-medium-text {font-size:18px !important;}
.add-large-text {font-size:24px !important;}
*I make these styles through Simple Custom CSS plugin. Or you can do it through your WordPress theme area: Appearance > Customize > Additional CSS
2) Add the style class to the start tag(s) of the column-shortcode.
Example of one class:
[one_fourth class=”add-grey-background”]My Special Content[/one_fourth]
Example of multiple classes:
[one_fourth class=”add-grey-background add-border add-centered add-padding”]My Special Content[/one_fourth]
*Keep in mind you don’t have to create multiple classes to pull this off. The styles could all be in one “featured-column” class. (I just happen to like to make things granular in my styles. I may want the border without a background, or a background without a border…etc.)
-
This reply was modified 5 years, 4 months ago by
mlipenk.
-
This reply was modified 5 years, 4 months ago by
mlipenk.