Essential grid defualts to Times New Roman, not font selected

[daneruef]

I posted a similar issue here: https://theme.co/apex/forum/t/font-manager-not-working-paragraph-fonts-all-times-new-roman-not-montserrat-like-selected/69731

which of course ended up being extraneous lines of code I had sitting in the footer. Thanks to you guys for finding the error! Once I removed that CSS it fixed the font issue everywhere but on our pages using Essential Grid, which I’ll send in a separate secure note.

We have the font set to “Open Sans,” but it’s stuck on Times New Roman, or some default serif font. I’m referring to the font for the titles that appear when you hover over the grid images, which are posts.

Any idea why this could be happening?

Thanks!

[friech]

Hi @daneruef,

Thank you for writing in, please open the custom CSS of your grid skin and find this:

.eg-henryharrisonred-element-1 {
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    display: block;
    text-align: left;
    clear: none;
    margin: 0px 0px 10px 0px;
    padding: 0px 20px 0px 20px;
    border-radius: 0px 0px 0px 0px;
    background: transparent;
    position: relative;
    z-index: 2 !important;
    font-family: "Open Sans";
    text-transform: lowercase;
}

Notice the font-family: "Open Sans";, please update that to font-family: "Open Sans",sans-serif;

Or you can add this to your grid’s custom CSS to overwrite it.

.eg-henryharrisonred-element-1 {
	font-family: "Open Sans",sans-serif !important;
}

Cheers!

[daneruef]

I added that bit of CSS to the grad and that worked perfectly. You guys are the best!

Thanks very much.

[friech]

You’re most welcome,

Cheers!