Top menu - More - Font Color

 

Hello, I would like to know where I can change font color in Top Menu - More? I can not find anywhere

 

When hovers over the "More" and go down it is a different font color (white). 

Please check:


 


normal.jpg · 147K · 510 views
more.jpg · 185.4K · 656 views
Quote · 8 Jul 2013

Normally any thing to do with styling of the top menu is done through the top_menu.css file, which is located in /templates/base/css. If you use a non standard design, there is a change that the default value for your menu is overwritten. In that case there should be a folder for that new template in the templates folder. Once again the css file you're looking for should be in the css subfolder of your new template folder.

 

A handy tool to use is the FireFox extension Firebug. It is also available for Opera and if you use IE, use F12 to get a similar build in tool. Of course it is important that you have all cache options disabled while playing around with it. Once satisfied enable the cache again.

 

Good luck!

Dedicated servers for as little as $32 (28 euro) - See http://denre.com for more information
Quote · 8 Jul 2013

 Thanks for the reply! Of course I use Firebug for Mozilla to making changes in the template on my website.
Firebug refers me to  top_menu.css but I can not find where to change the font color by moving more and go down.


I can change for example: the color of the menu bar, the font in the menu bar... but I can not only change the font color when I go in the "more" and go down. Font blends with bright background and then it not look good.


Maybe I need to add something in the file top_menu.css to change this? but where?

Normally any thing to do with styling of the top menu is done through the top_menu.css file, which is located in /templates/base/css. If you use a non standard design, there is a change that the default value for your menu is overwritten. In that case there should be a folder for that new template in the templates folder. Once again the css file you're looking for should be in the css subfolder of your new template folder.

 

A handy tool to use is the FireFox extension Firebug. It is also available for Opera and if you use IE, use F12 to get a similar build in tool. Of course it is important that you have all cache options disabled while playing around with it. Once satisfied enable the cache again.

 

Good luck!

 

Quote · 8 Jul 2013

Attached is a new top_menu.css file I made using your top_menu style sheet.

Please make sure to check that everything is in the CSS file, but your menu issue should be solved!

top_menu.css · 7.3K · 214 downloads
Dedicated servers for as little as $32 (28 euro) - See http://denre.com for more information
Quote · 8 Jul 2013

 Thank you ! I upload this file but unfortunately it not work well. As you can see I send in picture, I had a dark color font on a dark background.


Attached is a new top_menu.css file I made using your top_menu style sheet.

Please make sure to check that everything is in the CSS file, but your menu issue should be solved!

 

dark font.jpg · 192.9K · 561 views
Quote · 8 Jul 2013

Like I said, please check everything is in there. The changes made should have given you a good idea where to look for the modifications that still need adding. I just used Firebug to examine your CSS and made some changes to get the effect you need. I have no means of testing your design to see what other elements get effected, etc. 

Never the less, I had another look and the following three classes need something extra.

table.topMenu ul.sub li:hover a.button {
    background-color: #EEEEEE;

/* font collor added by Denre */
    color: #000000;
}

 

table.topMenu ul.sub ul.more_sub a.button {
    background-color: transparent;

/* font collor added by Denre */
    color: #FFFFFF;
}

 

table.topMenu ul.sub ul.more_sub li:hover a.button {
    background-color: #EEEEEE;

/* font collor added by Denre */
    color: #000000;
}

 

 

 

Ps. I noticed many world maps on your site. Would it not be great if those maps where local to your visitors, rather than showing the whole world?

Dedicated servers for as little as $32 (28 euro) - See http://denre.com for more information
Quote · 8 Jul 2013

 I introduced these changes, and it seems that its almost close. But unfortunately, after these changes were difficult to invade more -> events -> and here already table "escaped"

I have to play with the css file to make it fully well.


P. S. Of course it would be great, I know your GEO module and I'm thinking of it :D

Like I said, please check everything is in there. The changes made should have given you a good idea where to look for the modifications that still need adding. I just used Firebug to examine your CSS and made some changes to get the effect you need. I have no means of testing your design to see what other elements get effected, etc. 

Never the less, I had another look and the following three classes need something extra.

table.topMenu ul.sub li:hover a.button {
    background-color: #EEEEEE;

/* font collor added by Denre */
    color: #000000;
}

 

table.topMenu ul.sub ul.more_sub a.button {
    background-color: transparent;

/* font collor added by Denre */
    color: #FFFFFF;
}

 

table.topMenu ul.sub ul.more_sub li:hover a.button {
    background-color: #EEEEEE;

/* font collor added by Denre */
    color: #000000;
}

 

 

 

Ps. I noticed many world maps on your site. Would it not be great if those maps where local to your visitors, rather than showing the whole world?

 

Quote · 9 Jul 2013
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.