What's your biggest current challenge? Have your say in Community Polls along the right column.

How do I reduce the space between the heading and text of Rich Text section in Dawn theme?

Solved

How do I reduce the space between the heading and text of Rich Text section in Dawn theme?

StanleyTse
New Member
15 0 0

How do I reduce the space between the heading and text of Rich Text section in Dawn theme?

StanleyTse_0-1716470114849.png

 

Accepted Solution (1)

Kushagra0602
Shopify Partner
16 1 0

This is an accepted solution.

Hello @StanleyTse,

  • Log in to Shopify Admin.
  • Navigate to Online Store > Themes > Actions > Edit Code.
  • Open "section-rich-text.css" file.
  • Paste CSS code at the bottom.
  • Save changes.
  • Preview and publish if satisfied.

    You can adjust the px value according to your requirements.

 

.rich-text__blocks > * + * {
  margin-top: 0px !important;
}​



 

Kushagra Dubey

View solution in original post

Replies 11 (11)

Kushagra0602
Shopify Partner
16 1 0

Please share your store url.

Kushagra Dubey

topnewyork
Astronaut
781 124 141

Hello @StanleyTse,

  • Log in to Shopify Admin.
  • Navigate to Online Store > Themes > Actions > Edit Code.
  • Open "base.css" file.
  • Paste CSS code at the bottom.
  • Save changes.
  • Preview and publish if satisfied.
.rich-text__text.rte.scroll-trigger.animate--slide-in.scroll-trigger--design-mode {
    padding-top: 20px;
}

 

topnewyork_0-1716470829681.png


 Thanks!

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
StanleyTse
New Member
15 0 0

I added the codes in base.css but the space has no change....

StanleyTse_0-1716473454342.png

 

topnewyork
Astronaut
781 124 141

Please share your website url?

 

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
StanleyTse
New Member
15 0 0

It's in desiging stage and yet to live ..... 

topnewyork
Astronaut
781 124 141

Share your website url, then i check the problem

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
StanleyTse
New Member
15 0 0

I checked the section-rich-text.css and maybe good to check the code at Line 54?

 

StanleyTse_0-1716474171227.png

 

topnewyork
Astronaut
781 124 141

topnewyork_0-1716474755211.png

Paste this code in rich-text.liquid

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
StanleyTse
New Member
15 0 0

the code above even increase the top padding of the text, not reducing the space between the heading and the text....sorry

topnewyork
Astronaut
781 124 141

Paste this code

margin-top
: -5px;

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount

Kushagra0602
Shopify Partner
16 1 0

This is an accepted solution.

Hello @StanleyTse,

  • Log in to Shopify Admin.
  • Navigate to Online Store > Themes > Actions > Edit Code.
  • Open "section-rich-text.css" file.
  • Paste CSS code at the bottom.
  • Save changes.
  • Preview and publish if satisfied.

    You can adjust the px value according to your requirements.

 

.rich-text__blocks > * + * {
  margin-top: 0px !important;
}​



 

Kushagra Dubey