Conversation
supportHey again Nick! (and other skilled users) Two questions: 1. Is it possible to modify the size of the margin between columns? If so, how? 2. Is it possible to make the text of a particular column align to the RIGHT instead of the left? I’ve tried using the text editor’s built-in “align right” button, but I haven’t gotten it to work 100% (one time I got ONE paragraph in a column to align right, but the rest was aligned left. I forget what I did differently that time) I’m sure these things are possible, I just don’t know how and didn’t find any information about how to do this. Thanks in advance. – Eric (DrDrErde) The page I need help with: [ log in to see the link]
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 8 years, 4 months ago by Nick Diego . Reason: Error in the code
The columns have aligned. I figured it was something this simple. Thanks again, Nick.
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 8 years, 4 months ago by Nick Diego . Reason: Error in the code
The columns have aligned. I figured it was something this simple. Thanks again, Nick.