Formation Custom Home Page modification (3 posts)

  1. chart56
    Posted 2 years ago #

    I am using the custom homepage page template for the Formation theme and would like to add a 4th column with a new icon, header and text just like the other three. I changed the <div class="col span_1_of_3"> to <div class="col span_1_of_4"> but the 4 column is underneath the first row instead of adjacent to the third column.

    Also, how do I eliminate the white space or gap between the header image (woman in front of skyline photo) and the dark grey rectangle below it? I changed the background color to the dark grey but the white space is still there. The homepage shown in Formation theme demo does not have this.

    Site url = http://188.304.myftpupload.com/ Thank you.

  2. Template Express
    Theme Author

    Posted 2 years ago #


    to remove the gap on the header add the following style:

    .header-image img {
    margin-bottom: -10px;

    You will have to play around with the paddings and margins to fit in your 4th column.

  3. chart56
    Posted 2 years ago #


    The CSS to remove the white gap worked beautifully, thanks.

    Regarding the homepage header text, icons, etc. - going from 3 cols to 4, I used the Customize option to add the icons and text so not sure where to 1) modify the cell paddings and margins and 2) add the new 4th column text and icon.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic