Decreasing vertical space between widgets

  • Resolved jp4389

    (@jp4389)


    11 years, 8 months ago

    I am trying to position my widgets closer together vertically with the aim of making the box adspace (Brazilian flag) completely visible above the fold line.

    I have tried changing the margin on the following item in my CSS stylesheet:

    .sidebar .widget {
    border: none;
    margin: 0 0 30px;
    padding: 0;
    }

    I tried changing the bottom margin from 30 to 10 but nothing seemed to change on the page. Would I need to adjust each widget separately?

    Here is an example of one of my pages.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Well.. this is tricky because it depends on the resolution of the montior viewing your website.

    For example, I use an HD 1920×1080 monitor. When I load your home page, I see the flag widget in it’s entirety… plus all of “Where to find good Brazilian food” (which sounds great, btw)… and a little bit of the “Tags” widget.

    But, if someone is viewing from a 1024×768 resolution monitor.. they will not see as much “real estate” as I.

    So, if you would still like to decrease the vertical space between the widgets, try this css code:

    .sidebar .widget {
    margin: 0 0 10px !important;
}

    The 10px (was 30px by default) can be adjusted to suit your needs.

    Thread Starter jp4389

    (@jp4389)

    Thanks Josh. I basically wanted it to appear as high up the page as possible so job done.

    Next time you are Rio de Janeiro I’ll take you to eat some good Brazilian food!

    That’s a deal!!

    Glad you’re happy with the results ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Decreasing vertical space between widgets’ is closed to new replies.