How can I adjust the rich text style and header lines on my website?

Store Design
1

Hi there

I have few questions to ask :

1、I would like to adjust the rich text without wide screen and make it limit width .

2、I want to delete the line on the left and right side of header

My URL: sales.bellissimochina.com

LEUNGGUOTAO_1-1627283994022.png
LEUNGGUOTAO_1-1627283994022.png1898×268 60.6 KB

LEUNGGUOTAO_2-1627284029707.png
LEUNGGUOTAO_2-1627284029707.png1798×320 72 KB

Plas help me

Cheer ,Chris Leung

2

Hi

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid (style css)

.custom-content p {
    font-family: system-ui;
}
.custom-content span{
    font-family: system-ui;
}

Note : But it will change only section you want. if you want all font to be change then you have to include font family in your code file!

3

Hi

I don’t need to change the font style I would like to change the wdith of rich text and delete the right side and left side line of heading .

Thanks！

4

Hi @LEUNGGUOTAO

Let’s fix this within 10 seconds Go to the O****nline Store >Theme >Edit code >Assets->theme.scss.liquid (style css) and paste the below CSS and hard refresh.

.custom_item_inner p {
    max-width: 700px;
    display: table;
    margin: 0 auto;
}

You can adjust the width as per your requirement. Also, if you face any problems, do let me know. Mark this answer accepted and like if your problem gets solved.

Ajay_kumar_dev_0-1627287399677.png
Ajay_kumar_dev_0-1627287399677.png1422×280 29.6 KB

5

I checked and you changed it: https://i.imgur.com/mifRk4V.png
I checked the code and see you added it: https://i.imgur.com/Wr5xhcE.png . Advise you not to use id( ex: #shopify-section-1626934199f402eb6c ), because after you want to add a new section it won’t work well and you have to add code with id again.
You should change the code with the class as follows:
.homepage-custom-text .custom-content {
text-align: center;
max-width: 800px;
margin: auto
}

@media (max-width:767px) {
.homepage-custom-text .custom-content {
margin-right: 15px!important;
margin-left: 15px!important
}
}
It will work fine even if you add a new section.
Hope it helps!