Return to previous page

Typography problem/question - by chrisfields

This topic has 22 replies, 3 voices, and was last updated 9 years, 1 months ago ago by Eva Kemp

chrisfields

Participant

September 24, 2015 at 17:12

I’m really struggling with setting my fonts how I want them.

I’ve chosen to use Montserrat as my headline fonts and Hind for everything else. I’ve set this up in the Typography section of Theme Options, but it’s not working as I expect.

For example, on the home page of my test site (test.chno.co.uk), the fonts are hard coded and they appear as I expect. On the blog pages, where I hope the fonts will take the settings I enter in Theme Options, the font and colour is not the same.

Any ideas what I am doing wrong (I’m sure it’s me, not the theme…..)?

Thanks

#89101 Copied Theme version: WooPress 2.4 WooCommerce version: WooCommerce 2.4.7

21 Answers

Jack Richardson

Support staff

September 28, 2015 at 10:42

Hello,

I checked your Blog post title and the font is the one that you set:
http://storage1.static.itmages.com/i/15/0928/h_1443433316_1997513_7796d9daa3.png

Please clarify and show screenshots what elements you have problem with.

Thank you.
Best regards,
Jack Richardson.

#89570 Copied

chrisfields

Participant

September 28, 2015 at 11:17

Ok, it was actually the body text. My Typography options are set to use “Hind” as the main font and “Montserrat” as the title fonts, but it was continuing to use IIRC Open Sans and Raleway.

I’ve had to manually edit style.css and do a global search and replace for Raleway to get Hind loading as I expect (now), but surely this isn’t the right way?

On my home page, every text section has the font set manually, it doesn’t inherit it from the font set as the body font in options (this was how the original demo page was setup, I just adapted it).

#89601 Copied

chrisfields

Participant

September 28, 2015 at 12:01

Have reverted style.css to original file. Now I cannot even change the main and body fonts – allows me to select a Google font and then doesn’t add it when I save?

#89626 Copied

chrisfields

Participant

September 28, 2015 at 12:41

Blog as it appears: https://www.evernote.com/l/AAT5Sxjg3g9P0o2gT1lnrXb5SpQgRd814f8B/image.png
Post inside admin: https://www.evernote.com/l/AATJnlHpACtAQboNmlrj66vB1_osfBb0Le4B/image.png

The body test is being displayed in Raleway. At this point the body text was set as Hind (its not now, I can’t make any Google font ‘stick’!)

Home page: https://www.evernote.com/l/AAQLKfdcjP1K-Iy2Bjh00yK9JyzhHUnGESMB/image.png
From admin: https://www.evernote.com/l/AARfe_-u-6VGzqKLzgQ594mRqVR3QUYjJe4B/image.png

#89641 Copied
Jack Richardson

Support staff

September 29, 2015 at 09:32
Hello,

Please use this code in Theme Options > Custom CSS > Global Custom CSS:
```
p {
   font-family: Hind !important;
}
```
Best regards,
Jack Richardson.
#90095 Copied
chrisfields

Participant

September 29, 2015 at 09:44

Done that Jack, thanks. Seems to have sorted the main font, not sure about the title fonts though?

#90102 Copied

Jack Richardson

Support staff

September 29, 2015 at 11:41

Hello,

As I see page title in breadcrumbs section has “Montserrat” font. Do you want to change some other titles or change it to other font?

Best regards,
Jack Richardson.

#90145 Copied

chrisfields

Participant

September 29, 2015 at 15:26

I guess what I’d like is for the Settings in Theme Options to work as expected. I don’t understand why they’re there if you have manually add the options to CSS files?

#90238 Copied

chrisfields

Participant

October 1, 2015 at 10:59

OK, this just isn’t working for me. I expect fonts to carry throughout the site. Yet, when I look at the homepage…..the featured products font is wrong (as is the colour). Help please!

#90691 Copied

chrisfields

Participant

October 1, 2015 at 11:14

Further to that post, when I look at the Footer static block (that contains the featured products section), it displays OK in Visual Composer (other than the font). When browsing in Safari however…..it’s awful.

I’m at a stage where I’m about to abandon this theme, because as much as it promises, it’s beginning to waste my time unless I can iron out these silly problems quickly. Would be good if I could actually speak/IM with someone to get to the bottom of this before having to look for a better theme……

#90701 Copied

Eva Kemp

Support staff

October 8, 2015 at 13:41

Hello,

We’re sorry for delay.
Please show a screenshot of the issue you have with the footer.

Thank you.

Regards,
Eva Kemp.

#92518 Copied

chrisfields

Participant

October 13, 2015 at 15:42

I resolved that problem, and another one I was having on another thread. I believe most of my typography issues are OK, except for:

<`li>The Typography options in Theme Options now do nothing. I change the main and body fonts, and they don’t take when I save. This happened when I replaced the original style.css file as I mentioned above. However, this doesn’t matter too much because of the CSS you have given me…..apart from the next point

My Shop pages are now in the wrong font. They seem to have reverted to, I think, Raleway. I’m not sure if this changed when I updated the theme to 2.5, or if its always been like that.`

Help!

#93651 Copied

Eva Kemp

Support staff

October 13, 2015 at 17:17

Hello,

Please provide us with FTP and wp-admin panel credentials in Private Content, and specify what font you want to set for body and for which elements in Shop page.

Thank you.
Regards,
Eva Kemp.

#93684 Copied

chrisfields

Participant

October 13, 2015 at 17:30

Body should be Hind, Headlines should be Montserrat. (So in WooCommerce, Product name is Montserrat and Hind for the description)

Please, contact administrator
for this information.

#93687 Copied

Jack Richardson

Support staff

October 14, 2015 at 12:51

Hello,

We also need WP Dashboard credentials.

Thank you.

Best regards,
Jack Richardson.

#93829 Copied

chrisfields

Participant

October 14, 2015 at 13:12

in the private section

Please, contact administrator
for this information.

#93839 Copied
Eva Kemp

Support staff

October 14, 2015 at 13:55
Hello,

I’ve added this code in Global Custom CSS:
```
.product-title {
    font-family: Montserrat !important;
}
body {
    font-family: Hind !important;
}
```
as I see font “Hind” is already set for P tag:
http://storage5.static.itmages.com/i/15/1014/h_1444827240_7444177_66da274648.png

Regards,
Eva Kemp.
#93862 Copied
chrisfields

Participant

October 14, 2015 at 14:38

Thanks Eva

What do I need to add to get the page numbers to look correct?

#93878 Copied
Eva Kemp

Support staff

October 14, 2015 at 16:06
Hello,

Use this code in Global Custom CSS:
```
.pagination-cubic li span.page-numbers.current {
  color: #FFF !important;
}
```
Regards,
Eva Kemp.
#93900 Copied
chrisfields

Participant

October 14, 2015 at 17:00

Perfect, thanks again Eva!

#93922 Copied

Eva Kemp

Support staff

October 14, 2015 at 18:04

Hello,

You’re welcome.

Regards,
Eva Kemp.

#93943 Copied
Viewing 22 results - 1 through 22 (of 22 total)