H3 content - font and margins are too big in Debut Theme

Solved
Highlighted
New Member
4 0 0

Hi there,

 

I'm having a hard time with H3 content in the Debut theme.  Every time I use it, the fonts and margins are huge compared to H1 and H2 content.  I'm using it mainly for bulleted lists and numbered lists.  

 

Any ideas on how to change the actual size?  

 

An example of what's happening would be something like this:

 

1) lorem epsum blah

 

 

2) lorem

 

 

3) lorem epsim blah

 

Thanks for your help!

0 Likes

Hello @rezmax,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

Thank you.  In the following URL, the H3 content begins with the numbered and bulleted lists:

 

https://rezzimax.com/blogs/news/real-solutions-for-tension-headache-relief

0 Likes
Highlighted

Success.

Shopify Partner
152 14 18

Hi @rezmax 

Go to your theme.scss file and find this part of the code:

.rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
    margin-top: 55px;
    margin-bottom: 27.5px;
}

Change margin-top: 55px and margin-bottom: 27.5px; to 0

Shopify Expert Support
denisaksutik@gmail.com
https://thewebave.com/
0 Likes
Highlighted
New Member
4 0 0

This is awesome.  worked out perfect!  thank you so much!

0 Likes
Highlighted
Shopify Partner
152 14 18

@rezmax 
You're very welcome!

Shopify Expert Support
denisaksutik@gmail.com
https://thewebave.com/
0 Likes