0
Welcome Guest! Login
0 items Join Now

hover atribute in a custom css class on submenu

Last Post
Search Topic
    • Zeosing's Avatar
    • 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's Avatar
    • 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's Avatar
    • 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's Avatar
    • 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's Avatar
    • Zeosing
    • Newbie
    • Posts: 19
    • Thanks: 0

    Re: hover atribute in a custom css class on submenu

    Posted 12 years 1 month ago
    #945603
    • cdavis411's Avatar
    • 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's Avatar
    • 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's Avatar
    • 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's Avatar
    • 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.064 seconds