• I am using Columns shortcode to divide up two pieces of information on this prospective landing page, but would like to color/colour the background of the one-fourth-last column (containgin the quote) so that it stands out a little more. I have tried to use a series of ‘background-color:’ codes but nothihng seems to work.

    Does anyone have any suggestions how I might go about this?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • 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.

    Thank you so much for this tip. Saved my bacon!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Column background color/colour’ is closed to new replies.