thread Re: WEEBLY Themes: Can't increase H2 line-height in theme in Archived Discussions (Read Only)

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

njagsociety — Mon, 17 Apr 2023 19:40:09 GMT

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.

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

_Violet — Wed, 19 Apr 2023 22:03:58 GMT

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 🐒

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

Whitemonkey1 — Fri, 21 Apr 2023 08:31:42 GMT

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

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

Whitemonkey1 — Fri, 28 Apr 2023 14:04:54 GMT

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;

}

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

BernadetteA — Sat, 29 Apr 2023 00:40:13 GMT

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! ❤️

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

Whitemonkey1 — Sat, 29 Apr 2023 07:45:28 GMT

@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 ;))