Text Alignment in Column / Margin between columns

Hi Eric,

This can all be done with CSS.

1. For modifying the size of the margins, there are a couple things you can do. The easiest is just to add some right and left padding to the columns. This will provide the illusion of more margin. All of the columns have a unique class .gca-column. So something like this:

.gca-column {
    padding-left: 10px;
    padding-right: 10px;
}

If you really want to adjust the actual margin, you will need to adjust all of the CSS for the columns. The column widths are based off of the margin that this set. This is a bit difficult and I suggest you use a generator for this. A good one is available on Bill Ericsson’s website here. You will want to generate the column CSS you want and then replace the existing CSS with whatever you generated.

2. This one is much easier. All of the column shortcode support a style attribute. So you can just do something like the following:

[one-fourth-first style="text-align: right"]Place your content for the first column here.[/one-fourth-first]
[one-fourth]Place your content for the second column here.[/one-fourth]
[one-fourth]Place your content for the third column here.[/one-fourth]
[one-fourth]Place your content for the fourth column here.[/one-fourth]

This will make the first column align right.

Hope that helps.

Nick

• This reply was modified 6 years, 11 months ago by Nick Diego. Reason: Error in the code

The columns have aligned. I figured it was something this simple. Thanks again, Nick.