RocketTheme - TOPIC: hover atribute in a custom css class on submenu

Welcome Guest! Login

0 items Join Now

- Zeosing
- Newbie
- Posts: 19
- Thanks: 0
hover atribute in a custom css class on submenu

Posted 12 years 1 month ago
- I have a custon css class for a sub-menu item and it has this css attach:
  
  .gf-menu .dropdown ul li.subtitulo > .item { font-size:12px; color:hsl(207, 44%, 38%); }
  
  All works fine , the css do it´s works but how i call the hover atribute in this case?
  
  .gf-menu .dropdown ul li.subtitulo:hover > .item {
  like this?
- Last Edit: 12 years 1 month ago by Zeosing.
#945423
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: hover atribute in a custom css class on submenu

Posted 12 years 1 month ago
- yes that should do depending on which element you wish to affect. BUT your css is missing the dot before the first class "gf-menu" should be ".gf-menu"
#945455
- Zeosing
- Newbie
- Posts: 19
- Thanks: 0
Re: hover atribute in a custom css class on submenu

Posted 12 years 1 month ago
- I want to maintain color atribute without changes , no matter in wich state was the item , (hover, active , focus etc)
#945500
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: hover atribute in a custom css class on submenu

Posted 12 years 1 month ago
- Hello,
  Is this site online? If so, please provide the URL to the issue.
#945512
- Zeosing
- Newbie
- Posts: 19
- Thanks: 0
Re: hover atribute in a custom css class on submenu

Posted 12 years 1 month ago
- www.destinythegame.es/
  
  I send you the data to access
#945603
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: hover atribute in a custom css class on submenu

Posted 12 years 1 month ago
- .gf-menu .dropdown ul li > .item,
  .gf-menu .dropdown ul li:hover > .item,
  .gf-menu .dropdown ul li:focus > .item,
  .gf-menu .dropdown ul li.active > .item {
  color:hsl(207, 44%, 38%) !important;
  padding-top: 0;
  }
#945787
- Zeosing
- Newbie
- Posts: 19
- Thanks: 0
Re: hover atribute in a custom css class on submenu

Posted 12 years 1 month ago
- First of all Thanks fot the help and yoor time ,
  
  The CSS i´ve been searchich is
  
  .gf-menu .dropdown ul li.subtitulo > .item:hover, .gf-menu .dropdown ul li.subtitulo > .item:active .gf-menu .dropdown ul li.subtitulo > .item:focus { color:hsl(207, 44%, 38%) !important; padding-top: 0; border-radius: none !important; background:none; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important;
  
  I have a custtom css class and i want to modify the first submenu element , called "subtitulo" ( Class Suffix)
  
  But I still have a tiny problem , in hover State the element changes , i don´t see the propiety of that change , , You see it?
  
  Thanks ,again , and congratulation for the great support Team .
#945810

cdavis411
Preeminent Rocketeer
Posts: 17787
Thanks: 882

Re: hover atribute in a custom css class on submenu

Posted 12 years 1 month ago

remove this:

    .gf-menu li:hover, .gf-menu li.active:hover {
        padding-top: 0px;
    }

change this:

.gf-menu .dropdown ul li.subtitulo > .item:hover, .gf-menu .dropdown ul li.subtitulo > .item:active .gf-menu .dropdown ul li.subtitulo > .item:focus {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none !important;
    color: #36658B !important;
    padding-top: 0;
}

to this:

.gf-menu .dropdown ul li.subtitulo > .item:hover, .gf-menu .dropdown ul li.subtitulo > .item:active .gf-menu .dropdown ul li.subtitulo > .item:focus {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none !important;
    color: #36658B !important;
    padding: 4px 8px !important;
}

#945998

- Zeosing
- Newbie
- Posts: 19
- Thanks: 0
Re: hover atribute in a custom css class on submenu

Posted 12 years 1 month ago
- Thanks again , but the hover state changes the menu element called "Universo destiny" if you see carrefully the 1px border-botton changes in hover state .
  
  Thanks for your time
#946036

Time to create page: 0.067 seconds