[stephentgwParticipant]

Hello, I have a project I’m working on here (http://polymorphic.co) and at the bottom of each page (3 pages total) above the footer I have a contact section, and on the left side I have a phone number and email address. On the home page, the <p> text shows properly with font-weight:normal, however on the “What We Do” and “Our Work” pages, the text shows as bold and I have no idea why. I have tried setting it to font:weight: 400 !important; multiple times but to no avail. In fact, when I inspect the text with Chrome Devtools, it says the font-weight is 400 even though the text is clearly showing up bold. Any help would be greatly appreciated.

[stephentgwParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thank you for writing in! Please checked those pages for unclosed <strong> tag or any tag. Specially the elements above the affected text.

Thanks.

[stephentgwParticipant]

I already did. I actually don’t use any <strong> tags throughout either of those pages.

[JoaoModerator]

Hi There,

This font Catamaran seems to look bold itself, once I change to a different font family the heading do not look bold.

font-family: 'Catamaran', sans-serif;

Hope it helps

Joao

[stephentgwParticipant]

I understand the font may be a bit bold itself, but that doesn’t answer why the font is showing properly on the homepage and improperly (bold) on the other two pages. I have copy/pasted the same code over, and the text is <p>, not heading text.
Its only happening under the “Get in Touch” section at the bottom of each page for the phone number and email address.

Any help would be greatly appreciated.

[LelyModerator]

Hi There,

Upon thourough checking, this is the font that is loading on your site:
http://fonts.googleapis.com/css?family=Open+Sans%3A400%2C400italic%2C700%2C700italic%7CCatamaran%3A700%7CNunito%3A400%2C700&subset=latin%2Clatin-ext&ver=4.6.4

Catamaran font available on your site is BOLD only as you set on Appearance > Customize > Typography > Headings FONT.

But then you also have this:

/*MISC*/
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Catamaran:400,700" rel="stylesheet">

You have added it on your customizer CSS which is wrong. It will cause CSS syntax error.
Remove that line and add the following instead on your Child theme style.css file at the very top:

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
@import url('https://fonts.googleapis.com/css?family=Catamaran:400,700');

Regarding your setup, instead of adding the same section on every page, why not use FOOTER WIDGETS instead. Go to Appearance > Customize > Footer > Footer Widgets Areas: Choose 2. We can adjust column size using CSS so we it will appear add 1/3 and 2/3 columns instead. Then go to Appearance > widgets: Footer 1 and Footer 2 and then add content on those columns instead. Do let us know after this so we can adjust some CSS if needed.

Hope this helps.

[stephentgwParticipant]

That worked! thank you so much.
I will try to move it to a footer widget when I have some time

[RahulModerator]

Glad we were able to help you out.

If you have any further queries regarding the theme, feel free to ask us. We’d be happy to assist you with anything.

Thanks. 🙂

[Author]

Posts