Spacing between Elements

Support
#1

How am I able to move elements close together without relying on -negative margins?

Home Page: Content CSS

/* Check out our winter Programs*/
.Column_Paragraph_1{
position: relative;
text-align: center;
font-size: 15px;
line-height: 1.5;
font-weight: 900;
}

/*Text underneath paragraph 1*/
.Column_Paragraph_2{
font-size: 12px;
text-transform: none !important;
padding-bottom: 30px;
margin-bottom: 40px;
position: relative;
text-align: center;
line-height: 1.5; 	
padding: 0 10px;
}

Customize > Custom > Global CSS

.p {
margin: 0 0 10px;
display: block;
word-wrap: break-word;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
#2

Hi There,

Thank you for writing in, The paragraphs have a default bottom margin. You can use the following custom CSS to adjust that default margin.

p {margin-bottom: 0;}

For the headings, apply a Spacing Helpers Classes to it to adjust its margins.

Do not apply a negative, huge, static margin or padding, that will cause you an issue on responsive design.

Thanks

1 Like
#3

Wow! Thanks friech, that works perfectly.

#4

You’re welcome!
Thanks for letting us know that it has worked for you.

#5