Return to previous page

Adding Google Font, Social button and customise the search section

This topic has 2 replies, 2 voices, and was last updated 7 years, 9 months ago ago by Jack Richardson

fishy

Participant

March 3, 2017 at 17:31

Hi
Can you help me with few of these please:
1. I want to use the google font ‘titilium web’ on my site, i’ve added this code below into the style css but i’m not sure if i’m doing it right as I couldn’t see the font on my page.

@import url(‘https://fonts.googleapis.com/css?family=Titillium+Web’)
@font-face {
font-family: ‘arrows’;
src: url(‘font/arrows.eot’);
src: url(‘font/arrows.eot?#iefix’) format(’embedded-opentype’), url(‘font/arrows.woff’) format(‘woff’), url(‘font/arrows.ttf’) format(‘truetype’), url(‘font/arrows.svg#arrows’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
body { margin: 0 auto; font-family: ‘Titillium Web’, sans-serif; font-size: 12px; line-height: 20px; color: #808080; background-color: #ffffff;}

2. How to add the social button into the header? (top header or under the logo) I need the facebook, instagram and pinterest icon.

3. Is there anyway to move the search to the top navigation? or have the search box display instead of the search icon that will only expand when you hover it?

Thank you.
Regards
Flo

#156197 Copied Theme version: 4.2 WooCommerce version: 4.7.2

1 Answer

Jack Richardson

Support staff

March 9, 2017 at 09:52

Hello,

1. Please read this article how to add fonts correctly:
http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/ (read the section “Adding Custom Fonts in WordPress Using CSS3 @font-face”).

2. You have to edit header.php file. We recommend to use child theme to get changes safe after theme update.

3. Unfortunately there is no such feature. Sorry.

Best regards,
Jack Richardson.

#156511 Copied
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘Adding Google Font, Social button and customise the search section’' has been successfully resolved, and the topic is now closed for further responses

Adding Google Font, Social button and customise the search section

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection