Changing rich text section - background colour, font colour and size

Store Design
1

Hello! Could someone please help with formatting rich text sections on my home page?? See quote on homepage at erinliliana.com - many thanks in advance

2

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

3

Always backup themes before making changes

For that specific setting here’s starter CSS you’d put at the bottom of your themes style file, i.e. theme.css, theme.scss.liquid, style.css , etc

#shopify-section-1632880311f1512457 .rte .rich-text__text--large {
    font-size: 1.3em;
    text-align: right;
    display: block;
}

To target content from rich text editors in the admin use .rte

.rte {

}
4

www.erinliliana.com - homepage, the quote I would like to be white on a neutral. Also, is it possible to make the block only as wide as two of the squares beneath?

5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
div#shopify-section-1632880311f1512457 {
background-color: whitesmoke;
color: black;
font-size: 1.1em;
text-align: center;
}

Screenshot :- https://prnt.sc/1u1n4e8

6

hello @erinliliana

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-1632880311f1512457 {
background-color: #f7f6f6;
color: #000000;
font-size:18px;
}
7

Hi, I would like to change the font size and colour of the quote in the image (a rich text section in minimal theme). I would

Screen Shot 2021-09-29 at 3.17.10 pm.png
Screen Shot 2021-09-29 at 3.17.10 pm.png2154×1102 158 KB

like to also change the size of the text box so it doesn’t extend the full page width.

8

www.erinliliana.com

9

hello @erinliliana

do you want to look like this http://prnt.sc/1u63oy1