Q. How do I align the image at the top of my center column with the top of the right/left column?A. By default, when you place an image at the top of center column of your homepage, the top of the image will be placed a little bit below the tops of the left and right columns. See example:
By making a simple edit to the HTML code, you can get rid of the space above the center column so that it will align to the tops of the right and left columns. You do not need to know HTML to do this-- you just need to be able to follow a few simple steps!
First, go to your Homepage Editor > Homepage Center Column > Main Content (or Main Content for Members Only). Click on the button in the toolset of the editor called "HTML" (it is in the fourth row down, in about the middle, to the right of the "anchor" icon).
The code at the top of the editor should look similar to this:
Simply delete the <p> at the start of the code, and replace with the following:
<p style="margin-top:0px;">
So, looking at our sample code above, it should look like this now:
Once you have edited the HTML, click the Update button in the bottom left of the HTML editor window, then scroll to the bottom of the Homepage Editor and Save. Refresh your homepage, and the image should now be perfectly aligned to the tops of the left/right columns, like in the example below.
