Sense Theme: How to remove border above and below rich text on mobile?

[allowyourbliss]

I would like to remove the border/spaces around the rich text areas in the sense theme.

Attached are screenshots. The website is www.AllowYourBliss.com

[Moeed · Accepted solution]

Hey @allowyourbliss 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section+.section {
    margin-top: 0 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Made4uo-Ribe · Accepted solution]

Hi @allowyourbliss 

check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

section#shopify-section-template--23365684035873__multicolumn_fkK9zB {
    margin-top: 0;
}

AndSave. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[allowyourbliss · Accepted solution]

Thanks so much! That worked for the multicolumn but the rich text area (see attached image) still has a border. If you have the capacity I'm also trying to figure out how to center the main heading for the Rich Text section, featured products and collections section and the multicolumn section.

[Moeed · Accepted solution]

Hey @allowyourbliss 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section+.section {
    margin-top: 0 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[allowyourbliss]

Thanks so much!

[Made4uo-Ribe · Accepted solution]

Hi @allowyourbliss 

check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

section#shopify-section-template--23365684035873__multicolumn_fkK9zB {
    margin-top: 0;
}

AndSave. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[allowyourbliss · Accepted solution]

Thanks so much! That worked for the multicolumn but the rich text area (see attached image) still has a border. If you have the capacity I'm also trying to figure out how to center the main heading for the Rich Text section, featured products and collections section and the multicolumn section.

[topnewyork]

Hi @allowyourbliss , kindly share the screenshots of the rich text area. Thanks!

[Made4uo-Ribe · Accepted solution]

Do you mean this side? 

If it is, check this one. 

Same Instruction. 

section#shopify-section-template--23365684035873__rich_text_Dty6mL {
    margin-top: 0px;
}
h2.title.inline-richtext.h1 {
    text-align: center;
}
.title-wrapper--no-top-margin {
    justify-content: center;
}

And Save. 

I also include other section to center heading. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[allowyourbliss]

I tried to figure it out before I asked for help and added the code below to be able to center the collection section header text but had no luck.

}
.collection-card-wrapper .card {
justify-content: center;
}

Can you help me please?

It also says my visual stability score is low and I'd like help to improve that. 

Thanks so much!