Blog-How to Tricks today will give blog tricks to make 3 columns footer. Footer is located at the bottom of the blog. In the default blog template, footer only 1 column.
For a variety of needs, sometimes we need a blog with 3 columns footer.
How to make footer to be 3 columns?
First, select the 'Layout' - 'Page Element'.
Then, please go to the menu 'Edit HTML'. We should do is find out how long the entire footer. Footer length generally equal to the length of outer. To find out, please friend search the following code:
(Some template may have a different code).
border: 1px solid #332A24;
margin: 0px auto;
font: $ bodyFont;
Value on the width is the same as the length of footer.
Then copy code below :
Paste above code #footer or #footer-wrapper
Value on the 'width' is the value for the width of each column. Adjust the width of the columns at the original column.
For example, if the width of original column is 900px. For new 3 columns, make width each column 295px.
When finished, search the following code:
Once you find it, copy the following code below, and paste above code <div id='footer-wrapper'>.
Then save your template and preview. If the column can not well-organized, the value of the width maybe too large. Please adjust.
Now, you have 1 original column and 3 new column.