0
Welcome Guest! Login
0 items Join Now

SOLVED How to eliminate background shadow from menu item titles (Joomla)

Last Post
Search Topic
    • webseo's Avatar
    • webseo
    • Sr. Rocketeer
    • Posts: 234
    • Thanks: 2

    SOLVED How to eliminate background shadow from menu item titles (Joomla)

    Posted 10 years 8 months ago
    • Hi, I need help to lean how to eliminate the background shadow from the main menu items titles?
      I found a solved case where this code for the custom css is offered as solution, but it did not worked for me. I just realized that the solution was given in a Wordpress case, so, I am guessing that it might be that I need a different kind of code for Joomla.

      This is the style code I found and added to my gantry-custom.css and did not work:

      .gf-menu li:hover, .gf-menu li.active:hover {
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      }

      Thanks!
    • Last Edit: 10 years 8 months ago by webseo.
    #1096497
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED How to eliminate background shadow from menu item titles (Joomla)

    Posted 10 years 8 months ago
    • Is this site online? If so, please provide the URL to the issue.
      :)
    #1096593
    • webseo's Avatar
    • webseo
    • Sr. Rocketeer
    • Posts: 234
    • Thanks: 2

    Re: SOLVED How to eliminate background shadow from menu item titles (Joomla)

    Posted 10 years 8 months ago
    #1096602
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED How to eliminate background shadow from menu item titles (Joomla)

    Posted 10 years 8 months ago 
    • .menu-block .gf-menu li .item, .menu-block .gf-menu li:hover .item {text-shadow: none;}
    #1096660
    • webseo's Avatar
    • webseo
    • Sr. Rocketeer
    • Posts: 234
    • Thanks: 2

    Re: SOLVED How to eliminate background shadow from menu item titles (Joomla)

    Posted 10 years 8 months ago
    • Can you please explain how am I to use this code and where?
      Thank you.
    #1096673
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED How to eliminate background shadow from menu item titles (Joomla)

    Posted 10 years 8 months ago
    • webseo wrote:
      Can you please explain how am I to use this code and where?
      Thank you.
      you should add it to the custom css file that you ahve already created and that you mentioned in your original post on this topic here www.rockettheme.com/forum/gantry-framewo...omla?start=0#1096497 If this solves your issue, please mark the subject of your original post [SOLVED]. Likewise, if you still need help please reply with details. Cheers :)
    #1096761
    • webseo's Avatar
    • webseo
    • Sr. Rocketeer
    • Posts: 234
    • Thanks: 2

    Re: SOLVED How to eliminate background shadow from menu item titles (Joomla)

    Posted 10 years 8 months ago
    • Hi, thank you! The change worked, but the menu items are no almost invisible. I need them black or almost black. How can this be fixed?
    #1096787
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED How to eliminate background shadow from menu item titles (Joomla)

    Posted 10 years 8 months ago
    • webseo wrote:
      Hi, thank you! The change worked, but the menu items are no almost invisible. I need them black or almost black. How can this be fixed?
      .menu-block .gf-menu li .item, .menu-block .gf-menu li:hover .item {text-shadow: none;}
.menu-block .gf-menu li.active .item {color: #E5E5E5;}
.menu-block .gf-menu li .item {color: #555;}

    • The following users have thanked you: webseo

    #1096867
    • webseo's Avatar
    • webseo
    • Sr. Rocketeer
    • Posts: 234
    • Thanks: 2

    Re: SOLVED How to eliminate background shadow from menu item titles (Joomla)

    Posted 10 years 8 months ago
    • Thanks again,
      The change works, but now, the submenu items are difficult to read against the dark color of the background.
      I tried several combinations of colors, but I could not get the sub-menu titles to be more readable while still keeping the man menu items dark.
    #1096989
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED How to eliminate background shadow from menu item titles (Joomla)

    Posted 10 years 8 months ago
    • switch it with this:
      .menu-block .gf-menu li .item, .menu-block .gf-menu li:hover .item {text-shadow: none;}
.menu-block .gf-menu.l1 > li > .item {color: #555;}
.menu-block .gf-menu li.active .item {color: #E5E5E5;}
      by the way remove this:
      .gf-menu li:hover, .gf-menu li.active:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    }
    #1097015

Time to create page: 0.053 seconds