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
Highlighted

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 Website Review and advice for sale from Shopify Conversion Experts | 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
244 31 36

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

Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.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
244 31 36

@rezmax 
You're very welcome!

Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
0 Likes