Sign Up for OSTraining

Welcome, Guest
Username: Password: Remember me

TOPIC: menus the same color text

menus the same color text 11 months 1 week ago #48529

  • jgold501
  • jgold501's Avatar
  • OFFLINE
  • OSTycoon
  • Posts: 245
  • Karma: 0
greeting to all,,,i am working on this site i did not build it,,,how do i make the sub menus text a different color( say white), its to dark and almost the same color as the background

cdclarue . com
Please become a member of OSTraining to reply to this post.

menus the same color text 11 months 1 week ago #48531

  • tessa
  • tessa's Avatar
  • OFFLINE
  • Moderator
  • Posts: 3946
  • Thank you received: 134
  • Karma: 9
Hi OSTopDog,

A great way to finding the CSS code you need to change is using Firebug.

Here is a video tutorial: www.ostraining.com/courses/session/codin...ing-started/firebug/

Here is a written tutorial on how to use firebug:
www.ostraining.com/blog/joomla/using-fir...it-joomla-templates/

Let me know if you are having issues and we will do our best to help. :-)
Warm Regards,

Tessa Mero



Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

menus the same color text 11 months 1 week ago #48533

  • jgold501
  • jgold501's Avatar
  • OFFLINE
  • OSTycoon
  • Posts: 245
  • Karma: 0
theres is nothing wrong with the template,,just a conflicting choice of colors,,,i wanted the video,,but still confused,,,

Tessa? please help
Please become a member of OSTraining to reply to this post.

menus the same color text 11 months 1 week ago #48535

  • tessa
  • tessa's Avatar
  • OFFLINE
  • Moderator
  • Posts: 3946
  • Thank you received: 134
  • Karma: 9
Hi OSTopDog,

I decided to figure out the code for you. This is a bit tricky since there is a bit of a mess of code in here, including a numerous amount of javascript errors. :-)

Aside from that, find your fusionmenu.css code.

I attached a screenshot also with firebug and your website with the sub menu's color changed.


Your current code:
.menutop li .item, .menutop li.active .item {display: block;margin: 0;text-decoration: none;float: none;width: auto;}

New code:
.menutop li .item:hover, .menutop li.active .item {color:#fff;display: block;margin: 0;text-decoration: none;float: none;width: auto;}

However, now that the code is spotted out, there might be a cleaner way of doing this. I have tried different methods but I am not a professional CSS coder, so this is a good temporary work around.
Warm Regards,

Tessa Mero



Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

menus the same color text 11 months 1 week ago #48536

  • jgold501
  • jgold501's Avatar
  • OFFLINE
  • OSTycoon
  • Posts: 245
  • Karma: 0
tessa thank u soooo muchoo,,sold a lot of good retail work in last few weeks,,,,,so iam in my stay in and work mode..

(-:
Please become a member of OSTraining to reply to this post.

menus the same color text 11 months 1 week ago #48540

  • tessa
  • tessa's Avatar
  • OFFLINE
  • Moderator
  • Posts: 3946
  • Thank you received: 134
  • Karma: 9
You are very welcome OSTopDog :-D
Warm Regards,

Tessa Mero



Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

Sign Up for OSTraining

Powered by Kunena Forum

Open Source Training is not affiliated with or endorsed by the Joomla, WordPress or Drupal projects.
All product names and trademarks are the property of their respective owners.

Copyright 2013 Open Source Training, LLC. All rights reserved.