Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 21, 2018 at 5:19 pm #900387
    Raffaello1996

    Is it possible to alter the width of a footer column? I know I can change it from 4 to 3 widgets columns and in that way they’d each be wider. But ideally I would have only two bigger widget.

    January 21, 2018 at 6:36 pm #900415
    Nikko

    Hey Raffaello1996,

    Yes, it’s possible. Can you post a link to your site with 3 widgets? (you can post the link in private content if you don’t want it to be shows to others). Also let us know if how big should the 2 bigger widgets be? maybe estimate in percentage.

    Best regards,
    Nikko

    January 22, 2018 at 9:04 am #900679
    Raffaello1996

    Hi, my website is http://www.100daystofacefear.com and I’d like to have only Two big Widgets that are each 50% big

    January 23, 2018 at 5:09 am #901144
    Rikard

    Hi,

    Thanks for that, though it looks like you one have 1 column right now? Could you set it to 2 columns under Enfold->Footer?

    Best regards,
    Rikard

    January 23, 2018 at 2:22 pm #901461
    Raffaello1996

    Yes, done.

    January 24, 2018 at 5:29 am #901906
    Rikard

    Hi,

    Great, looks better now. Your social media widget looks a bit squeezed together though, maybe you want to change that somehow?

    Best regards,
    Rikard

    January 24, 2018 at 8:56 am #901992
    Raffaello1996

    Ho, yeah I’m trying to put the social buttons horizontally but they always stay vertically, do you know how to put them horizontally and why that happens?

    January 24, 2018 at 11:56 am #902078
    Nikko

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    
#footer .widget {
    width: 100% !important;
}

#top #footer .widget h3.widgettitle {
    text-align: center;
    margin-bottom: 16px;
}

#top #footer .widget .et_social_icons_container li {
    float: none;
    clear: none !important;
    display: inline-block;
}

    Hope this helps :)

    Best regards,
    Nikko

    January 24, 2018 at 1:11 pm #902120
    Raffaello1996

    Thank you it works, is it possible to make it a bit smaller in height? I mean the blue part, the widget where are the social buttons

    Please see my website: 100daystofacefear.com to understand. Have a nice day!

    January 24, 2018 at 8:36 pm #902299
    Nikko

    Hi,

    Yes, try to replace this code I gave:

    #top #footer .widget .et_social_icons_container li {
    float: none;
    clear: none !important;
    display: inline-block;
}

    with this one:

    #top #footer .widget .et_social_icons_container li {
    float: none;
    clear: none !important;
    display: inline-block;
    margin-bottom: 0 !important;
}

#footer {
    padding: 15px 0 20px;
}

    Hope this helps :)

    Best regards,
    Nikko

    January 24, 2018 at 9:03 pm #902310
    Raffaello1996

    Thank you, is it possible to make it even again a bit smaller?

    January 24, 2018 at 9:28 pm #902327
    Nikko

    Hi,

    Yes, try replacing this css code I gave on my last reply:

    #footer {
    padding: 15px 0 20px;
}

    to:

    #footer {
    padding: 0 0 5px;
}

    Hope this helps.

    Best regards,
    Nikko

    January 24, 2018 at 9:42 pm #902337
    Raffaello1996

    Thank you

    January 24, 2018 at 9:43 pm #902338
    Jordan Shannon

    Hi,

    I’m glad Nikko’s solution was able to help. Did you need further help, or shall we close this thread?

    Best regards,
    Jordan Shannon

    January 24, 2018 at 9:53 pm #902350
    Raffaello1996

    We can close it

    January 24, 2018 at 9:54 pm #902353
    Nikko

    Hi,

    Glad to hear that. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘How to enlarge the footer widget’ is closed to new replies.