Jump to content

Changing Top Menu to a Google Font 1.6


Recommended Posts

There is a limited amount of fonts in the build in Live Configurator (modules/themeconfigurator/configure)

 

One other way to do it is by creating a new theme at http://presta-theme-maker.com/. There you can change some of the text in the front office to Google fonts. This is a paid service though. I'm using it and works fine for me (1.6.0.9).

 

I'm sure there are other ways as well,...

Link to comment
Share on other sites

  On 10/8/2014 at 3:11 PM, bend said:

Hello, I'm running the latest Prestashop 1.6.0.9 and I would like to change the type of font of the top menu bar. How would i go about to achieve this? I have a Google Font that i would like to use.

 

what font you want use?

Link to comment
Share on other sites

  On 10/9/2014 at 9:31 AM, vekia said:

what font you want use?

 

I would like to use Neucha however it may change depending on how it will look. I'm technical enough that if you tell me what to do, I shouldn't have any issues or very little.

 

Thank You!

Link to comment
Share on other sites

okay, so simply you have to add code to support this font.

you can do it manually in header.tpl file or via module like free html block (guide: htmlbox free + google fonts )

use this code:
 

<link href='http://fonts.googleapis.com/css?family=Neucha' rel='stylesheet' type='text/css'>

then in css styles file (global.css located in /css/ subdirectory of /theme/YOUR-THEME) use this:

.sf-menu li a{
  font-family: 'Neucha'!important;
}
Link to comment
Share on other sites

  On 10/15/2014 at 11:31 AM, vekia said:

 

okay, so simply you have to add code to support this font.

you can do it manually in header.tpl file or via module like free html block (guide: htmlbox free + google fonts )

use this code:

 

<link href='http://fonts.googleapis.com/css?family=Neucha' rel='stylesheet' type='text/css'>

then in css styles file (global.css located in /css/ subdirectory of /theme/YOUR-THEME) use this:

.sf-menu li a{
  font-family: 'Neucha'!important;
}

 

I can't find .sf-menu in the global.css. I've done a search for the .sf-menu and it cannot find it. I'm using the default-bootstrap theme.

Edited by bend (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...