Forums / Addon Templates / CSS Flyout Menu - How do I change category fonts without changing the whole website?

CSS Flyout Menu - How do I change category fonts without changing the whole website?

Views: 1,983

Results 1 to 9 of 9
5 Jul 2011, 2:13 PM
#1
kal avatar

kal

New Zenner

Join Date:
Jun 2008
Posts:
83
Plugin Contributions:
0

CSS Flyout Menu - How do I change category fonts without changing the whole website?

When i make changes in the stylesheet.css, it changes the font of the entire website. I would like Century Gothic font, but just for the CSS Flyout Menu 1.3.9 i am using.

Thanks.

5 Jul 2011, 2:28 PM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: CSS Flyout Menu - How do I change category fonts without changing the whole website?

I believe that mod has its own stylesheet... Try there.

20 years a Zencart User

6 Jul 2011, 7:10 AM
#3
kal avatar

kal

New Zenner

Join Date:
Jun 2008
Posts:
83
Plugin Contributions:
0

Re: CSS Flyout Menu - How do I change category fonts without changing the whole website?

Thanks, i have found that it has it's own stylesheet (stylesheet_categories_menu.css), would you know what i need to add in there to change the font style?

6 Jul 2011, 9:57 AM
#4
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: CSS Flyout Menu - How do I change category fonts without changing the whole website?

Go to w3schools.com and do their CSS tutorials.

This forum isn't a training ground for CSS I'm afraid.

There are MANY websites offering lessong on CSS.

20 years a Zencart User

28 Jul 2011, 3:49 PM
#5
damixa avatar

damixa

New Zenner

Join Date:
Jun 2011
Location:
Bournemouth UK
Posts:
44
Plugin Contributions:
0

Re: CSS Flyout Menu - How do I change category fonts without changing the whole website?

Having searched all over this thread and its a big one...I still cant find anywhere where I can see how to change the headings on the flyout menu.
I need to change the existing names and add a few and delete a few.

Can anybody point me to a decent how2 on this, or at least tell me the files I have to edit.

Thanks
Mike

28 Jul 2011, 4:13 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: CSS Flyout Menu - How do I change category fonts without changing the whole website?

Not exactly sure what you mean. The 'headings' would be the category and subcategory names, I think. If not, a link to your site would help.

28 Jul 2011, 4:54 PM
#7
damixa avatar

damixa

New Zenner

Join Date:
Jun 2011
Location:
Bournemouth UK
Posts:
44
Plugin Contributions:
0

Re: CSS Flyout Menu - How do I change category fonts without changing the whole website?

stevesh:

Not exactly sure what you mean. The 'headings' would be the category and subcategory names, I think. If not, a link to your site would help.

Hi Thanks for the quick reply, sorry Im not making myself clear. By the headings I mean the titles on the menu
HOME
New Products
All Products
Specials
Search
BRANDS
INFORMATION
CONTACT US
MY ACCOUNT
SHOPPING CART

I need to change the names of these (which I know I can do in the tpl drop and heardermenu files, I changed "Brands" ) but when I create a new button, I want it to point to my second level, EG the items which show under "brands" (printer brands) are printer names, I need a top level menu item to point to "Printer Names".
Is that as clear as mud?

Sorry havent got a link Im building local.

28 Jul 2011, 6:50 PM
#8
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: CSS Flyout Menu - How do I change category fonts without changing the whole website?

Not quite as clear as mud, and I'm not sure we're talking about the same mod anyway. The OP was talking about the mod which turns your Categories sidebox into a flyout menu. I think you're talking about one of the header flyout mods.

It's possible we'll need to see your site to advise, which is why I strongly recommend not developing locally. Hosting is absurdly cheap.

30 Jul 2011, 2:54 PM
#9
nolsowski avatar

nolsowski

Inactive

Join Date:
Aug 2010
Posts:
324
Plugin Contributions:
0

Re: CSS Flyout Menu - How do I change category fonts without changing the whole website?

kal:

When i make changes in the stylesheet.css, it changes the font of the entire website. I would like Century Gothic font, but just for the CSS Flyout Menu 1.3.9 i am using.

Thanks.

I just was asking myself this question yesterday and I figured it out. in your stylesheet_header_menu.css on line 21 where it says div#dropMenu add font-family: Century Gothic, sans-serif; and that should work.

Let me know if you still need help. :)