Docs

[aaron_softwarepromotions]

Hello,

The font on our website appears to change just after the page loads.

Could you please help me determine why this is happening and how can I fix it?

This is out website:

Home Page

If you click around from page to page using the top nav, the H1 tagged text appears to go from very bold to not so bold.

Thanks and I look forward to your reply.

Aaron

[Rahul]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[aaron_softwarepromotions]

This reply has been marked as private.

[Jade]

Hi there,

Please update this code:

.hero-heading-top {
    margin-top: 7%;
    font-size: 420%;
}

to

.hero-heading-top {
    margin-top: 7%;
    font-size: 420% !important;
    font-weight: bold !important;
}

Hope this helps.

[aaron_softwarepromotions]

This reply has been marked as private.

[Lely]

Hello Aaron,

I saw this on your child theme style.css:

.h1 {
    color: #b2c537;
    font-weight: bold !important;
    font-size: 420%;
    font-weight: 600 !important;

}

Please update to this:

.h1 {
    color: #b2c537;
    font-weight: bold !important;
    font-size: 420%;

}

Then remove font-weight: bold !important; from this:

.hero-heading-top {
    margin-top: 7%;
    font-size: 420% !important;
    font-weight: bold !important;
}

Since hero-heading-top class is not added on other headings it would be better to add the font weight on the h1 class.

Hope this helps.

[aaron_softwarepromotions]

This has been helpful but there are still some issues with some of the other headings.

If you look at that same page, when it loads the text on some headings is bold but then seconds later it shrinks down to normal.

I would like to keep it bold but I don’t know what is causing the problem.

Thanks and I look forward to your reply.

Aaron

[Christian]

Hey Aaron,

This is because of this CSS in your style.css

.h3 {
    font-weight: 900 !important;
    font-size: 240%;
    letter-spacing: 1px !important;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

Please remove the font-weight

Thanks.

[Christian]

Hey Aaron,

This is because of this CSS in your style.css

.h3 {
    font-weight: 900 !important;
    font-size: 240%;
    letter-spacing: 1px !important;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

Please remove the font-weight

Thanks.

[Christian]

Hey Aaron,

This is because of this CSS in your style.css

.h3 {
    font-weight: 900 !important;
    font-size: 240%;
    letter-spacing: 1px !important;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

Please remove the font-weight: 900 !important;

Thanks.

[aaron_softwarepromotions]

Thank you.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts