WEEBLY Themes: Can't increase H2 line-height in theme

[njagsociety]

For our Website (www.njagsociety.org) in the Weebly Theme, the H2 titles don’t have enough line height in mobile width.

First I tried to adjust the line height here...

Theme > Change Fonts > Headline

Theme > Change Fonts > Paragraph Titles

...but that didn't work.

I also tried to change it with custom CSS here...

Theme > Edit HTML/CSS

..and used this at the very bottom:

@Media screen and (max-width: 767px) {

h2, #wsite-content h2 {

font-size: 30px !important;

line-height: 42px !important;

}

.wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2 {

font-size: 30px !important;

line-height: 42px !important;

}

}

That didn’t help.

Does anyone have any ideas?

Thanks.

[_Violet]

Hi @njagsociety - I see this is your first post in the Seller Community so I'd like to officially welcome you! 🎉👏

I'm going to tag in @whitemonkey to see if they can offer their advice here 🐒

[Whitemonkey1]

@_Violet thanks for the shout out

@njagsociety   hi.

Words of advice first.    If u edit the coding, Weebly can't help in the event it all goes pear shaped.  The only way to fix it, is to revert to an original theme.

I have successfully edited line heights.   When modifying code and if u have limited experience,  only change 1 thing at a time to see what gives. Font sizes, line height  etc    I don't recommend adding complete lines of extra coding. 

So if u change H2 line heights using the HTML code, make sure u save it and then go back to the weebly EDIT FONTS part, and click on RESET.  

I can't recall off the top of my head but scroll down the html to the mobile section and see if there is a h2 section there.

pls try this .    I cant access my html until later, today.   

If  u still need help, message me or tag me again

[Whitemonkey1]

Hi @_Violet @BernadetteA 

Here is the code i am using successfully for h2

h2 {

margin-top: 12px;

margin-bottom: 20px:

color: #202020;

font-family: 'Arial', sans-seriff;

font-size: 32px;

font-weight: 600;

letter-spacing: 0.006em;

line-height: 1.25;

}

[BernadetteA]

Thanks for sharing, @Whitemonkey1 😊

It is always a treat to come across a post of yours here in the new community. Hope the travels are going well! ❤️

[Whitemonkey1]

@BernadetteA   you're welcome. 

Travel are going good. Am in Scotland having a look around.

My traffic got hit by the last algorithm update.  Slowly recovering. 

 I might add, I altered the page widths too, at somepoint.  And each theme seems to be coded differently which makes helping those with other sites awkward. 

@njagsociety  my site is https://www.nomadicbackpacker.com  if u r interested. 

Hope u r well ;))