Support » Plugins » Hacks » CSS question – How do I reduce the margin between these widgets?

  • Resolved Pete

    (@perthmetro)


    I’m not posting this under the Theme forum as I’ve made big changes to it… I’m ripping the guts out of the ‘Responsive’ Theme (sorry theme guys)

    http://www.brisbanestonerender.com.au

    Screenshot here.. http://snag.gy/27rC4.jpg

    When the bottom 3 widgets are responsified they go underneath the sidebar widgets but the margins are too big. I’ve tried everything to reduce the bottom 3 widgets (home-widgets) margins but I can’t get it to work without stuffing up the sidebar widgets!!

    Any help hugely appreciated
    Thanks, Pete

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    Oddly, the spacing between widgets is managed by margin-right (for .col-60, .col-140, .col-220, etc.) regardless if they are arranged horizontally or vertically. The only thing I can think of is to use @media to reduce the value for screen widths small enough to stack the widgets.

    Thread Starter Pete

    (@perthmetro)

    Thanks… interesting on the margin-right! As there are only 3 widgets, I CSS’d each widget individually 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS question – How do I reduce the margin between these widgets?’ is closed to new replies.