Viewing 6 replies - 16 through 21 (of 21 total)
  • remove that and try this instead:

    .widget-area .widget {
         margin-bottom: 0!important;
    }

    This will change them all and you may need to adjust.

    Thread Starter Lesley Ward

    (@lesley-ward)

    Hi Janet

    Yes – this did reduce it but the top widgets still have a lot of space between them.

    This is my widget code:

    <p style="text-align: center;">
    	<span style="font-size:18px;"><span style="font-family: arial,helvetica,sans-serif;"><a href="https://www.thefriendlyaccountants.co.uk/friendly-prices/" title="Get an instant quote!"><span style="color:#FF8C00;">Get an instant quote!</span></a></span></span>

    Is there something in there causing the problem?

    that’s a lot of span styles!

    In your text widget, change this:
    <p style="text-align: center;">
    to this:
    <p style="text-align: center; margin-bottom:12px">

    Thread Starter Lesley Ward

    (@lesley-ward)

    Great – thank you.

    Definitely reduced the space.

    I thought there were a lot of spans (I copied this from someone else) but couldn’t work out whether they were doing any harm or not so thought I’d leave them!!

    Thread Starter Lesley Ward

    (@lesley-ward)

    Thanks for your help everyone.

    Just got back after going our for dinner. It’s great you got sorted.

    Good luck
    Dave

Viewing 6 replies - 16 through 21 (of 21 total)
  • The topic ‘Reducing whitespace between widgets’ is closed to new replies.