Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 6, 2015 at 2:21 pm #392042
    sjidesign

    Hi guys

    I have a 3 column footer. I set the Footer Columns to 3 in the Enfold Theme Options and in my widgets area I put
    1. Footer Column 1 Image Widget, no title as I do not want one, I just added the jpg.
    2. Footer Column 1 Text Widget, no title as I do not want one, I just added the text in the text box.
    3. Footer Column 3 Image Widget, no title as I do not want one, I just added the jpg.

    All appear on my footer but I need to adjust each columns width, as they are cuurently equal width, as my text is dropping down into 2 lines, so basically I need the each column a different width, say 10%, 70%, 20%.

    I also do not want any white space where the text title is added, ie all widgets need to align at the top of my footer .

    My page with my current footer is: http://www.sjidesign.co.uk/pace/?page_id=1195

    Thanks in advance

    Dan

    February 6, 2015 at 2:33 pm #392049
    Yigit

    Hi sjidesign!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #footer .flex_column.av_one_third.first {
width: 10%;
}
#footer .flex_column.av_one_third:nth-child(2) {
width: 69%;
margin-left: 1%;
}
#footer .flex_column.av_one_third:nth-child(3) {
width: 19%;
margin-left: 1%;
}

    Cheers!
    Yigit

    February 6, 2015 at 2:50 pm #392061
    sjidesign

    Hi Yigit

    Fantastic, thank you ever so much for your fast reply.

    Works perfectly, thanks again.

    Regards

    Dan

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘3 Column Footer’ is closed to new replies.