How to fix format on Rich Text on Home Page

[Allen6224]

Hi,

I'm trying to figure out how to fix the format on the rich text on Home Page for Journey Perfect Sleep Chair.  See below for screenshot. website: www.liftchairheaven.com


This is the previous format i want where the font size is bigger, title was centered and text, title was bold

This is what it looks like now

[Mustafi007]

Hi there, this isn't that hard. all you have to do is click on the rich text section at the  backend, then you'll see the option set it back to centre rather than left and boom everything is set again! 

I hope this helps... have a nice day!

[Made4uo-Ribe]

Hi @Allen6224 

Did you change some rich text section recently? It may affect the change. 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--21577350381865__rich_text_iX4T9b .rich-text__blocks h2.h1 {
    text-align: center;
    font-weight: 900 !important;
    font-size: 30px !important;
}
section#shopify-section-template--21577350381865__rich_text_iX4T9b .rich-text .rich-text__text.rte {
    text-align: center;
}

And Save. 

Result:

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

[Allen6224]

I did make a change for rich text. It was for the collection description on my store. See below.

Is there a way to target the Journey Perfect Sleep Chair rich text separately?

[Allen6224]

I just found i can create code separately to target this section in shopify. I'm trying to figure out code to target this section.

[BSS-TekLabs]

- Here is the solution for you @Allen6224 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.rich-text__blocks>* {
    text-align: center !important;
}
.rich-text__blocks h2.h1 {
    font-size: 30px !important;
    font-weight: 800 !important;
}
.rich-text .rich-text__text {
    font-size: 24px !important;
    font-weight: 600 !important;
}
</style>

- Here is the result you will achieve:

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