I want to have a field of text with a black background surrounded by three px of light blue margin all the way around surrounded by a medium blue border. Here is what I tried:
Row settings:
Bottom Margin: 0
Background Color: #e0ebfc (light blue)
Border Color: #2078fc (medium blue)
Widget settings (Site Origin Editor):
Margin: 3,3,3,3
Padding: 0,0,0,0
Background Color: black
The 3 px thick light blue margin came out exactly the way I wanted at the top, left, and right. However the bottom margin is much larger than 3 px. How do I get the bottom margin to be 3 px like all the other sides?
Here is a link to a screenshot: https://www.dropbox.com/s/51ub23hj5mqmrt9/Large%20Margin%20at%20the%20bottom%20of%20the%20row.jpg?dl=0
Hi Arthur
Thanks for getting in touch.
Do you have a public URL where we can take a look at what’s going on?
Andrew,
Sorry it took so long to get back to you. The row with the large margin is on a test page of my website. Here is a link to that page: https://streetartmap.org/test-page-2-2/
This page is password protected and the password is: 1
I can provide admin access to my website if needed.
Best regards,
Art Rudick
Thanks for the update. The text is in a paragraph, the theme adds a bottom margin to paragraphs. In the Editor widget, you could try disabling the option to automatically add paragraphs. Switch over to the Text tab to ensure there is no additional/unwanted spacing.
Andrew,
I unchecked the paragraphs box and that fixed it. Thank you.
Best regards,
Art
Hi Art
Thanks for the update. Glad to hear you’re making progress :) Cheers for now.