Okay
  Public Ticket #376946
Widget Spacing
Closed

Comments

  • Jake started the conversation
    February 20, 2015 at 1:04am

    Is there a way to increase the horizontal space between widgets on a desktop? Thank you!

  •  8,998
    Tahir replied
    February 20, 2015 at 3:58pm

    Hey!

    Can you provide the page url so i can write up relevant custom css.

    Thanks

    ThemeNectar Support Team 

  • Jake replied
    February 20, 2015 at 4:02pm

    Sure, it's:

    hahnfiltration.rumbledesign.com


    Although this isn't something particular to this site, but more about the theme itself - where depending in the content, the widgets can seemed crammed without enough space between them


  •  8,998
    Tahir replied
    February 20, 2015 at 5:59pm

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel :
    #footer-widgets .col {
    margin-right: 1%;
}

    Thanks


    ThemeNectar Support Team 

  • Jake replied
    February 20, 2015 at 7:34pm

    Appreciate, but there's no effect with that code (in fact I think it gets slightly worse)... entering a figure more than 1% results in the layout breaking.

    Take a look at the attached image to help illustrate what I'm looking for. I've put in guide lines for comparison. Notice that the outside margins are pretty similar, yet the space between the widget area are not. That's what I'm trying to accomplish.

  •  8,998
    Tahir replied
    February 21, 2015 at 12:05am

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel :
    #footer-widgets .col {
    margin-right: 7%;
}


#footer-widgets .span_4 {
    width: 26%;
}

    Adjust as per your liking.

    Cheers

    ThemeNectar Support Team 

  • Jake replied
    February 21, 2015 at 12:19am

    Perfect solution — thank you!

  • Corey replied
    January 17, 2017 at 8:21am

    Hi - I have the same request - spacing between the 3 column layout for footer widgets is too cramped for my content.

    I've tried the custom css below but it has quite different results. I just want to evenly space between the 1st and 2nd and 2nd and 3rd columns. Ideally increasing gap by about 15px... 

    Any helps much appreciated!

    Thanks, Corey

  •  8,998
    Tahir replied
    January 17, 2017 at 5:17pm

    @corey ,

    These values can be adjusted as per your liking : 

    #footer-widgets .col {
    margin-right: 7%;
}
#footer-widgets .span_4 {
    width: 26%;

    Thanks 

    ThemeNectar Support Team