Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 20, 2015 at 8:04 pm #415490
    tocal

    Hi Guys,

    I’m trying to set my footer up so the columns go 1/4, 1/4, 1/2. I have set up the theme with three columns and customised the widths like so:

    #footer .av_one_third{
	width: 20.5%;
}

#footer .el_after_av_one_third{
	width: 47%;
}

    but because there’s no specific class to differentiate the second and third column it comes out as 14, 1/2, 1/2. Column one has the class ‘first’ but the others are both just set up as
    flex_column av_one_third el_after_av_one_third el_before_av_one_third

    Do you know of anywhere (possibly in footer.php) where I could add a ‘class’ to hook into?

    Thanks

    March 22, 2015 at 4:30 am #415855
    Ismael

    Hey tocal!

    Thank you for using Enfold.

    Use css child selectors. Refer to this link for more info: http://www.w3schools.com/cssref/sel_nth-child.asp

    #footer .flex_column:nth-child(0) {
 /* FIRST COLUMN */
}

#footer .flex_column:nth-child(1) {
 /* SECOND COLUMN */
}

#footer .flex_column:nth-child(2) {
 /* THIRD COLUMN */
}

    Cheers!
    Ismael

    March 23, 2015 at 1:14 pm #416360
    tocal

    Great, thanks Ismael – I didn’t know about CSS child selectors. What a useful property!

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