Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 23, 2016 at 3:43 pm #602572
    BeeCee

    Hi,

    is it possible to have the first footer column wider than the other two columns like in the screenshot?
    I’ve tried to achieve this using Firebug and CSS, but without success.
    My site is still under construction, so I hope the screenshot explains it enough.

    Column 1 (widget area 1) should be wider than column 2 and 3, so that in the end there are 3 footer columns/widget areas:

    Any idea?
    Thanks a lot.

    March 23, 2016 at 3:54 pm #602579
    Yigit

    Hey COLORIT!

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

    #footer .flex_column:nth-child(1) { width: 47%; margin-left: 0; }
#footer .flex_column:nth-child(2),#footer .flex_column:nth-child(3) { width: 22%; }

    Regards,
    Yigit

    March 23, 2016 at 4:50 pm #602619
    giorgiosilvia

    hi Yigit,

    i tried your CSS but it doesn’t work, i’m intersting in the same thing, could you help me?

    thanks

    March 23, 2016 at 4:53 pm #602622
    Yigit

    Hi!


    @giorgiosilvia     It should have worked. We would need a temporary admin login to look further into the issue. If you post them here, it would be visible to the OP. To avoid that, please start a new thread and attach your login credentials.

    Regards,
    Yigit

    March 23, 2016 at 4:58 pm #602633
    giorgiosilvia

    if i post them in private contenets, just only Moderator can see, does’t it?

    March 23, 2016 at 5:03 pm #602637
    Yigit

    Hey!

    If you start the thread yes. If not, person who started to thread will be able to see them as well.

    Best regards,
    Yigit

    March 23, 2016 at 5:06 pm #602639
    giorgiosilvia

    ok i’m going to start it right now , please look at it

    thanks

    March 23, 2016 at 5:10 pm #602644
    Yigit

    Hey!

    Will do and we will keep this thread open to hear from the OP :)

    Cheers!
    Yigit

    March 23, 2016 at 7:39 pm #602760
    BeeCee

    It works – nearly – fine:
    but the 3rd column/widget area is now below the 2nd column instead next to it:

    before your code snippet:

    after your code snippet:

    March 23, 2016 at 7:46 pm #602764
    BeeCee

    ah okay, I got it, I only had to change the % value.
    This works now fine, thank you, Yigit!

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

    Thanks for your help! All fine!

    March 23, 2016 at 7:49 pm #602766
    Yigit

    Hey!

    Please change the code to following one 

    #footer .flex_column:nth-child(1) { width: 50%; margin-left: 0; }
#footer .flex_column:nth-child(2),#footer .flex_column:nth-child(3) { width: 22%; margin-left: 3%; }

    Best regards,
    Yigit

    March 23, 2016 at 7:51 pm #602768
    BeeCee

    Perfect, works fine, thanks a lot, Yigit!

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How to have footer columns with different widths?’ is closed to new replies.