Custom Spacing CSS for Dawn Theme (Rich Text)

Technical Q&A
1

Hello,

I would like to reduce the amount of white space on the homepage above and below the text/button “We offer…”. The text and button is currently in the ‘Rich Text’ section of the theme builder. Any help? Website: mosaicsource.ca

Mosaicsource_1-1643479936005.png
Mosaicsource_1-1643479936005.png1884×749 206 KB

Mosaicsource_0-1643479894211.png
Mosaicsource_0-1643479894211.png1884×376 46.2 KB

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
body.gradient .gradient.rich-text--full-width {
margin: 40px 0;
}
3

This was helpful, thank you! But how do you reduce the space under the black button as well?

Mosaicsource_0-1644260706954.png
Mosaicsource_0-1644260706954.png1949×565 151 KB

4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.rich-text .rich-text__blocks a.button.button--primary {
padding: 9px 23px;
height: auto;
min-height: auto;
min-width: auto;
}
5

Hello, thank you. That code simply changes the size of the button. I want to decrease the amount of white space below the button. Is that possible?

Thanks!