Home>Support>Remove spacing between call to action widgets

Remove spacing between call to action widgets

By Robert Hamby, 5 years ago. Last reply by Robert Hamby, 5 years ago.

I having trouble getting rid of the vertical spacing between multiple call to action widgets. I’m building a site here http://findhealthcaretraining.com/site2/ and under the section with the header that reads “Any condition, any circumstance, we can help.”, I have a some call to action widgets stacked on top of each other. I’ve gone into the widget settings and they all have padding and margins set to 0px, so I can’t figure out how to get rid of the spacing.

Thanks,
James

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 5 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Robert,

    You can remove this spacing with some custom CSS. Please open the row housing the CTA widgets and head over to the row styles sidebar. Open the Attributes settings group and set the Row Class to cta-no_padding. Save the page.

    Please navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:

    .cta-no_padding .sow-cta-base {
	padding: 0;
}

    You might also need to install the SiteOrigin CSS Editor.

  2. 5 years, 11 months ago Robert Hamby

    Hi Alex,

    Thank you very much for your reply. I added the code you provided, but unfortunately, it didn’t seem to work completely. Here’s the page where I have the widgets http://findhealthcaretraining.com/site2/.

    I added a border around them, just for the purpose of determining if the issue is with padding, or margins. It appears the issue is with a margin, because the border is right up against the CTA, but I modified the code you provided to this

    .cta-no_padding .sow-cta-base {
	padding: 0;
  margin:0;
  border:1px solid #000;
}

    and there was no change.

    Thanks.

  3. 5 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Robert,

    Thanks. Please open the row housing the CTA widgets and head over to the row styles sidebar. Open the Layout settings group and set the Bottom Margin to 0 and the Padding to 0 0 0 0 and save. How does that look? This will remove all spacing applied to the row and widgets.

  4. 5 years, 11 months ago Robert Hamby

    Thank you for your reply, I was able to get it fixed. The issue was I had to set the padding and margins in the CTA widgets to 0 as well. I though I had already done that, but with all the other settings I was checking, I guess I forgot to check those, or I did something to make them set back to default. Probably when I set the margins to 0 in the Custom CSS area, I didn't think I had to do it there as well.

    Thanks again. :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More