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

[komalkhubani]

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

[ZestardTech]

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

[komalkhubani]

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

Password - iatsea

Theme - Debut 

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

[Savior]

@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.

[komalkhubani]

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?

[Savior]

then Paste in theme.css at the end.

[komalkhubani]

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

[Savior]

add '!important' at the end like below

font-size : 18px !important;

[komalkhubani]

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

[dmwwebartisan]

@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!

[komalkhubani]

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

[dmwwebartisan]

@komalkhubani 

Please share your page url for provided screenshot

Thanks!

[komalkhubani]

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

[dmwwebartisan · Accepted solution]

@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!

[komalkhubani]

It worked, thanks so much.

[dmwwebartisan]

@komalkhubani 

your theme not debut thiis is Dawn theme.

[dmwwebartisan]

@komalkhubani 

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

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

Thanks!

[komalkhubani]

 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

[dmwwebartisan]

@komalkhubani 

Please share your store URL and and password.