Jump to content

change top bar menu font one only 1 category - How?


Recommended Posts

Hi, i know that it's possible to change the top menu font via your FTP manager, but i'm trying to only change ONE of the categories... 

You can check out my site, it's specifically the one called "steal the look" i want to be in an italic Apple Chancery font. Is that possible?

Link to comment
Share on other sites

Hi, i know that it's possible to change the top menu font via your FTP manager, but i'm trying to only change ONE of the categories... 

 

You can check out my site, it's specifically the one called "steal the look" i want to be in an italic Apple Chancery font. Is that possible?

You would have to modify your theme's breadcrumb.tpl and run smarty conditionals and conditionalize the category ID and assign a different class when it reaches it and add in new CSS to your theme's global.css Might need to hire a developer.

Link to comment
Share on other sites

Hello

 

Why not use something like this:

 

.sf-menu > li:nth-child(2) > a {color:red; font-family: "Arial Black", Gadget, sans-serif}

 

Just change whatever you want

 

Result

http://screencast.com/t/OdUxpPrzNe

 

Paul

 

Sorry: didn't notice that taydotech123 has already given the answer that I hope solves the question, again, my apologies

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

Hello

 

Why not use something like this:

 

.sf-menu > li:nth-child(2) > a {color:red; font-family: "Arial Black", Gadget, sans-serif}

 

Just change whatever you want

 

Result

http://screencast.com/t/OdUxpPrzNe

 

Paul

 

Sorry: didn't notice that taydotech123 has already given the answer that I hope solves the question, again, my apologies

Should i write this in the global.css?

Link to comment
Share on other sites

Hello

 

Yes, you can, and it's better to place the code at the bottom/end of the file.

 

But, if your using the standard PS theme then try this great Free module from Dh42:

 

https://dh42.com/free-prestashop-modules/prestashop-free-css-module/

 

It,s really good for adapting your css files and if you upgrade to a newer PS version your changes won't be lost.

 

Hope this helps

 

Paul

Link to comment
Share on other sites

  • 2 weeks later...

Hello

 

Yes, you can, and it's better to place the code at the bottom/end of the file.

 

But, if your using the standard PS theme then try this great Free module from Dh42:

 

https://dh42.com/free-prestashop-modules/prestashop-free-css-module/

 

It,s really good for adapting your css files and if you upgrade to a newer PS version your changes won't be lost.

 

Hope this helps

 

Paul

 

I downloaded the module, and inserted :

.sf-menu > li:nth-child(3) > a {color:red; font-family: "Arial Black", Gadget, sans-serif}

 

but it's not changing anything :s

Link to comment
Share on other sites

Hello

 

Just tried the code again and placed at the bottom of global.css and I get this:

 

http://screencast.com/t/v3YpgcpAntC

 

Paul

 

PS. Also just tried on your website and I see this:

 

http://screencast.com/t/K3ogIe6vcjS

 

aah, yes i fixed it! Thank you so much :-)

 

Maybe you can help me with my other problem as well? https://www.prestashop.com/forums/topic/474163-help-language-and-currency-settings/

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...