Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 30, 2016 at 11:41 pm #679745
    yingyang

    Foudn this code from a 2013 thread asking the same question but it doesnt work, is the syntax invalid with the newer version of enfold? also im using 4 footers, just a matter of changing the number to 4 i presume?

    #footer .flex_column.av_one_third:nth-child(1) {
width: 20%;
}

#footer .flex_column.av_one_third:nth-child(2) {
width: 45%;
}

#footer .flex_column.av_one_third:nth-child(3) {
width: 20%;
}
    • This topic was modified 8 years, 3 months ago by yingyang.
    September 2, 2016 at 2:13 pm #681299
    Yigit

    Hey kilimats,

    Please try the code as following

    #footer .flex_column:nth-child(1) {
width: 20%;
}

#footer .flex_column:nth-child(2) {
width: 45%;
}

#footer .flex_column:nth-child(3) {
width: 20%;
}

    If that does not help, please post the link to your website and elaborate on the changes you would like to make.

    Best regards,
    Yigit

    September 2, 2016 at 5:41 pm #681416
    yingyang

    thanks, it appears to be working, im having a hard time lining them up the way i want, when i use a low number like 10% it doesnt shrink that much and sometimes it isnt centered, what is the best practice? is 100% the total for all footer?

    September 2, 2016 at 5:44 pm #681419
    Yigit

    Hey!

    Can you please post a screenshot showing the changes you would like to make and link to your website?

    Cheers!
    Yigit

    September 2, 2016 at 5:50 pm #681421
    yingyang

    Thanks see private

    September 2, 2016 at 5:54 pm #681424
    Yigit

    Hey!

    Please add following code to Quick CSS 

    #footer .flex_column:nth-child(1), #footer .flex_column:nth-child(3) {
    width: 15%;
}
#footer .flex_column:nth-child(2), #footer .flex_column:nth-child(4) {
    width: 30%;
}
#footer .flex_column {
    margin-left: 3%;
}

    It will set 1st and 3rd column to 15% and 2nd and 4th ones to 30%.

    Regards,
    Yigit

    September 2, 2016 at 5:57 pm #681427
    yingyang

    this is what i see when i add the code

    September 6, 2016 at 2:46 pm #682662
    Yigit

    Hi!

    Please change the code to following one 

    #footer .flex_column:nth-child(1), #footer .flex_column:nth-child(3) {
    width: 15%;
}
#footer .flex_column:nth-child(2), #footer .flex_column:nth-child(4) {
    width: 24%;
}
#footer .flex_column {
    margin-left: 3%;
}

    Regards,
    Yigit

    September 6, 2016 at 3:04 pm #682668
    yingyang

    Almost, the footer 1 is too wide and 4 too narrow still, i tried adjusting the % myself but odly only footer 3 got shrinked, footer 1 remain narrow

    September 8, 2016 at 4:48 pm #683801
    Yigit

    Hi,

    Logins i found on another thread did not work so i could not apply the changes.
    However all you need to do is to adjust the values as needed

    #footer .flex_column:nth-child(1) {
    width: 24%;
    margin-left: 0;
}
#footer .flex_column:nth-child(2) {
    width: 21%;
    margin-left: 3%;
}
#footer .flex_column:nth-child(3) {
    width: 25%;
    margin-left: 3%;
}
#footer .flex_column:nth-child(4) {
    width: 20%;
    margin-left: 3%;
}

    I did not check these values, they should be equal to 100% in total otherwise one column would be pushed to second row. Please experiment with the values until you find desired ones.

    Best regards,
    Yigit

    September 8, 2016 at 6:02 pm #683826
    yingyang

    I tried playing with the different % but no matter what i couldnt get footer 1 reduced for some reason, it seems to be fixed size

    Can you get it looking like that?

    September 9, 2016 at 1:57 pm #684175
    Yigit

    Hi!

    There were some CSS errors in your quick CSS field, i fixed them so now the code in the bottom of Quick CSS will work correctly. Please make the adjustments now

    Regards,
    Yigit

    September 9, 2016 at 4:19 pm #684237
    yingyang

    perfect, i increased the footer 4 a bit and its perfect now thanks

    #footer .flex_column:nth-child(1) {
    width: 15%;
    margin-left: 0;
}
#footer .flex_column:nth-child(2) {
    width: 25%;
    margin-left: 3%;
}
#footer .flex_column:nth-child(3) {
    width: 15%;
    margin-left: 3%;
}
#footer .flex_column:nth-child(4) {
    width: 35%;
    margin-left: 3%;
}
    September 9, 2016 at 4:33 pm #684246
    Yigit

    Hi!

    Great!
    Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Choose how wide each footer is’ is closed to new replies.