How to increase the font size in the rich text section in debut theme?

Store Design
1

Can someone please help me with increasing the font size of the rich text section?

2

Hello There,
Please share your store URL and and password.
So that I will check and let you know the exact solution here.

3

@komalkhubani

Please share your store URL and and password.

4

https://komalkhubani-02.myshopify.com/?_ab=0&_fd=0&_sc=1&key=5d855f2ae4f813ee8f770348ba6bc9b358d56acbc847eebcdf0992ddfcfecf74

Password - iatsea

Theme - Debut

Could you also please help with removing white space between different sections, please?

5

@komalkhubani

Happy to help you:

  1. Go to your code editor > Assets > section-rich-text.css and paste this lines at the bottom of the page to increase font-size of this >> https://prnt.sc/21idw6p :
.rich-text__text.rte p {
    font-size: 18px;
}

to increase font-size of this >> https://prnt.sc/21ie1pe

Search for ‘.rich-text__blocks>+’ and add font-size: 18px; >> https://prnt.sc/21ie5az

If the solution is helpful please like and accept as solution. For any queries DM or mail at: shopify.dev.34@gmail.com.

6

Hi @Savior , Thanks for your reply. I can’t find rich-text.css, but can see rich.text liquid. Should I just copy-paste the code in the liquid?

7

then Paste in theme.css at the end.

8

Thank you, but it doesn’t seem to work.

9

add ‘!important’ at the end like below

font-size : 18px !important;

10

@komalkhubani

Please add following code your assets/component-rte.css bottom of the file.

.rich-text__text.rte p {
    font-size: 18px !important;
}

Thanks!

11

@Savior Unfortunately, it’s still not working. I am not too sure what’s wrong.

12

Thanks, but don’t have this option under assets - component-rte.css and I tried to put it under Theme.css but still doesn’t work

13

@komalkhubani

Please add following code your assets/component-rte.css bottom of the file.

.rich-text__blocks p {
    overflow-wrap: break-word;
    font-size: 18px !important;
}

Thanks!

14

komalkhubani_0-1638515006318.png
komalkhubani_0-1638515006318.png1979×1144 154 KB

Hi, could you please with removing the white space above and below the rich text?

15

@komalkhubani

Please share your page url for provided screenshot

Thanks!

16

@komalkhubani

your theme not debut thiis is Dawn theme.

17

No, It’s debut, but because I tried dawn first, it’s just coming up as my current theme - not sure how to remove dawn, but I am going to publish debut

Can you try this link - https://s1m2s7e20yglg2km-60585902338.shopifypreview.com

18

@komalkhubani

Please add following css code your assets/theme.css bottom of the file.

@media only screen and (min-width: 750px){
#shopify-section-1635729390bb2f3bcc.index-section {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
}

Thanks!

19

It worked, thanks so much.