Rich Text Bottom Padding - Symmetry Theme

Solved

Rich Text Bottom Padding - Symmetry Theme

emilyaugstudios
Pathfinder
109 0 47

Hi community! If anyone could help me with the rich text padding on this particular section of my website, that would be appreciated! I am using the Symmetry theme and for some reason I can't just target the rich text padding using the code below, it doesn't work. Any other recommendations welcome 🙂

 
 
Code not working:
.rich-text-section { padding-bottom: 0px; }

 

Current look of rich text section on homepage –

Screenshot 2024-08-28 at 14.13.29.png

 

What I want to achieve with the padding removed from the bottom only of the rich text section, so it sits closer to the section below –

Screenshot 2024-08-28 at 14.20.20.png

Accepted Solutions (3)

BSS-TekLabs
Shopify Partner
1940 561 656

This is an accepted solution.

- Here is the solution for you @emilyaugstudios 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

<style>
.fully-spaced-row--medium {
    margin-top: 0px !important;
}
</style>

- Here is the result you will achieve:

BSSTekLabs_0-1724851647511.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

View solution in original post

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @emilyaugstudios 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  div#shopify-section-template--18253912801495__172409672910048665 {
     margin-top: -62px !important;
  }
</style>

niraj_patel_0-1724851714405.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

BSSCommerce-B2B
Shopify Partner
1310 341 407

This is an accepted solution.

@emilyaugstudios ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above </body>

#shopify-section-template--18253912801495__172409672910048665 > .fully-spaced-row--medium {
   margin-top: 36px!important
}

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


BSS: B2B Wholesale Solution |BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 3 (3)

BSS-TekLabs
Shopify Partner
1940 561 656

This is an accepted solution.

- Here is the solution for you @emilyaugstudios 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

<style>
.fully-spaced-row--medium {
    margin-top: 0px !important;
}
</style>

- Here is the result you will achieve:

BSSTekLabs_0-1724851647511.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @emilyaugstudios 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  div#shopify-section-template--18253912801495__172409672910048665 {
     margin-top: -62px !important;
  }
</style>

niraj_patel_0-1724851714405.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

BSSCommerce-B2B
Shopify Partner
1310 341 407

This is an accepted solution.

@emilyaugstudios ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above </body>

#shopify-section-template--18253912801495__172409672910048665 > .fully-spaced-row--medium {
   margin-top: 36px!important
}

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


BSS: B2B Wholesale Solution |BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency