Edit bottom padding of "Rich text" on the home page in Impact Theme

Solved

Edit bottom padding of "Rich text" on the home page in Impact Theme

Dare_to_ask
Excursionist
13 0 1

I am trying to decrease the bottom padding/ margin of my store's "Rich text" element, which uses the Impact template. To achieve this, I need to locate the correct CSS class or ID that targets the "Rich text" element and then add custom CSS or modify it to edit its bottom padding. How and where do I do that?:

theme.liquid, theme.css or local injecton?

 

Web: https://www.artuoso.art/

PW: Artforthewin

 

Rich Text Padding.png

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4584 1051 1711

This is an accepted solution.

Hi @Dare_to_ask 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.shopify-section--rich-text .section {
    padding: 10px;
}
</style>

or this code to target only the rich text above the bestseller

<style>
#shopify-section-template--21853297082700__rich_text_V8afhU .section {
    padding: 10px;
}
</style>

PageFlyRichard_0-1724290176029.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly 

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Reply 1 (1)

PageFly-Richard
Shopify Partner
4584 1051 1711

This is an accepted solution.

Hi @Dare_to_ask 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.shopify-section--rich-text .section {
    padding: 10px;
}
</style>

or this code to target only the rich text above the bestseller

<style>
#shopify-section-template--21853297082700__rich_text_V8afhU .section {
    padding: 10px;
}
</style>

PageFlyRichard_0-1724290176029.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly 

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.