Footer Widgets are not stacking on top of each other

Home Forums All Other Themes Footer Widgets are not stacking on top of each other

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #96092
    Stephen
    Participant
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: January 5, 2017

    I am using coffee pro,

    Issue: When adding more than one footer widget in an area (Footer Widget 1) Instead of stacking the widgets, it is moving over to one side, and moving the footer widget 4 area down one.

    https://hallnhall.com/tror/

    Example on the footer
    Proud Member of is the Image widget In footer widget 2
    Proud Supporter of is the Image widget in footer widget 2 however it has moved over

    #96112
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25504
    • Total: 25504
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .widget-column-3, .widget-column-4 { width:20%;}
    .cols-4 { width:17%; margin:0 2% 3% 0;}
    .ctct-form-header { font-size: 10px !important;}
    ._2p3a { width: 200px !important;}

    Regards,
    Dave

    #96174
    Stephen
    Participant
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: January 5, 2017

    That is better, but they are still not stacking on top of each other, I now have 5 columns. Any ideas?

    Thanks for your help!

    #96223
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25504
    • Total: 25504
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot after using my CSS? Upload your screenshot on imgur.com and paste the share url here.

    Regards,
    Dave

    #97066
    Stephen
    Participant
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: January 5, 2017
    #97148
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25504
    • Total: 25504
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .cols-4 { width:17.5% !important; margin:0 3% 3% 0 !important;}
    #text-3 h5 { padding-right: 20px;}
    .fb_iframe_widget span { width:190px !important;}
    div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header { font-size:16px !important;}
    #footer-wrapper iframe { width:100% !important;}

    Regards,
    Dave

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.