[SOLVED] Configuring css of blockcategories module

[jensleo]

Hi,

 

I am unable to find the css for the categories menu (blockcategories module), where I want to change so that on a:hover the background color of the <td> changes, or at least the color of the text. By default, a:hover in the sub menues seem to be light gray, as per the attached screenshot.

 

I just cannot find this in the global.css or anywhere else. 

 

Any help appreciated. Thanks.

 

/Jens

[Paulito]

Good morning

 

If your using default ps theme then I think you need to go to:

 

public_html/your theme/modules/blocktopmenu/css/superfish-modified.css

 

Paul

[vekia]

can you please share url to your website? you use nondefault theme so it's hard to say what's goin on there - because we don't know the sources

[jensleo]

Thanks for your replies. Paul, blocktopmenu is not the same module as the blockcategories, or? The address is www.festvaruhuset.se. I am using a theme (MegaShop), but I think this module is in the default theme. Hm.

 

/Jens

[Paulito]

Whoops

 

Try this:

 

blockcategories.css  line 61

 

border-bottom:1px solid #e5e5e5;

padding:5px;

margin-bottom:4px;

font-weight:bold;

}

.tptn-vertical-mega-menu .menu .sub li.mega-hdr li {}

.tptn-vertical-mega-menu .menu .sub li a {padding:4px 5px;}

.tptn-vertical-mega-menu .menu .sub li a:hover {background:#f5f5f5; color:#333;}

.tptn-vertical-mega-menu .menu .sub ul li { }

 

Change the #f5f5f5; to whatever you want

 

Paul

 

 

Edited November 9, 2013 by Paulito (see edit history)

[jensleo]

Many thanks Paul, it worked great. 

 

Regards

Jens

[vekia]

thank you for positing solution Paulito

i marked this thread as [solved]

 

btw. jensleo, you can also mark own topics as solved

here is an insctruction:

 

 

[sOLVED] Topic
If, after posting a topic, you find a solution to your problem, please indicate it in your post and describe the solution.
Furthermore if you are the author of the topic for which a solution has been found, please edit your topic title to mark it as [sOLVED].

To mark a topic as [solved] :
- Edit the first post of your topic by clicking on the "Edit" button,
- Click on the "Use full editor" button,
- Add the "[solved]" string at the beginning of your topic title and click on the "Submit Modified Post" button.