Okay
  Public Ticket #1131108
Horizontal list item - remove hover?
Closed

Comments

  •  2
    natalielatouf started the conversation
    April 11, 2017 at 11:57am

    Hello again! 

    Wondering if it's possible to remove the hover effect on the horizontal list items so it would just look like a normal table? 

    And also - is there a way to adjust the padding so that the rows are not so tall? (eg less top and bottom padding or smaller height)?

    Thanks! :) 

  •  9,006
    Tahir replied
    April 11, 2017 at 12:26pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .nectar-hor-list-item:hover:before {
    opacity: 0 !important;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    natalielatouf replied
    April 11, 2017 at 12:33pm

    Hey,

    So that still shows a hover action where the text goes transparent; see here: http://www.dansobikes.com/buyers-guide/

    Is there any way to leave the text visible even when a user hovers?

  •  9,006
    Tahir replied
    April 11, 2017 at 12:43pm

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .nectar-hor-list-item:hover .nectar-list-item, .nectar-hor-list-item:hover .nectar-list-item-btn, .span_12.light .nectar-hor-list-item .nectar-list-item, .span_12.light .nectar-hor-list-item .nectar-list-item-btn {
    color: #000 !important;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    natalielatouf replied
    April 11, 2017 at 12:45pm

    That works - the line still disappears on hover but that's fine. Thank you! 

    Is there a way to adjust the height/padding of the rows? 

  •  9,006
    Tahir replied
    April 11, 2017 at 12:51pm

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    /* show line on hover  */
.nectar-hor-list-item:hover {
    border-color: #000 !important;
}
.nectar-hor-list-item {
    padding: 32px !important ;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    natalielatouf replied
    April 11, 2017 at 12:54pm

    PERFECT! Thanks very much.