Return to previous page

Match Font On Shop Header & Coloured Social Icons.

This topic has 7 replies, 2 voices, and was last updated 7 years, 1 months ago ago by Rose Tyler

UcaseLtd

Participant

March 20, 2017 at 17:45

Hi there,

I’m trying to Match the font on my Shop header: (see link below) to make all site headers and menu items the same, but I cannot find where this font is located?

Also – Is it possible to make the social icons (at the top left of the header) the correct colors (e.g light blue twitter, dark blue Facebook etc)?

Thanks in advance,

Please, contact administrator
for this information.

#157355 Copied Theme version: 2.8 WooCommerce version: 2.6.14

6 Answers
Rose Tyler

Support staff

March 21, 2017 at 10:41
Hello,

Go to Theme Options > Typography.
You can inspect element and add code in Theme Options > Custom css http://prntscr.com/eml8tg
```
.header .menu-social-icons li .ico-twitter {
    color: blue;
}
```
Please, read article and watch the video: https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/
Feel free to ask if you need any other help.

Regards,
Rose Tyler.
#157394 Copied
UcaseLtd

Participant

March 21, 2017 at 10:49
Hi Rose,

For social Icons that’s brilliant thanks!

BUT for Typography – I know I can change it there. What I can’t find is the actual font that’s being used. When I inspect element for Shop Header it just says “H1”. In typography H1 doesn’t tell me which font is being used as it is just set at default.
How do I find out which font is being used for the shop header?
```
	<li>http://prnt.sc/emlfbr</li>
```
Thanks,
#157398 Copied
UcaseLtd

Participant

March 21, 2017 at 11:13

Ok – I have found the font – BODONI

But this font doesn’t show up on the typography options.

#157401 Copied

Rose Tyler

Support staff

March 21, 2017 at 15:32

Hello,

Please read this article http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/

Regards,
Rose Tyler.

#157434 Copied

UcaseLtd

Participant

March 21, 2017 at 17:02

Hi Rose,

Thanks for your help.

I have read that article.
I just couldn’t see why a font that was already being used within the theme isn’t available in the typography options.

#157453 Copied

Rose Tyler

Support staff

March 22, 2017 at 11:04

Hello,

It because our typography options fonts was included in function in theme-functions.php file, you can check it.

Regards,
Rose Tyler.

#157496 Copied
Viewing 7 results - 1 through 7 (of 7 total)