Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #415490

    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

    #415855

    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

    #416360

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

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