Okay
  Public Ticket #1462988
Fancy Boxes Hover state
Closed

Comments

  •  16
    Jen started the conversation
    February 8, 2018 at 10:19pm

    Hi I have a 4 column group of fancy boxes. They have shaped background images in the columns and are working well. I would like to remove the background transparent tint that occurs on HOVER. I have manage to display none for the first state but on hover a grey semitransparent panel appears over the blocks. Can you tell me the CSS to remove this.  I am happy to retain the red bar at the base that appears on hover.


  •  9,016
    Tahir replied
    February 9, 2018 at 12:43pm

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  •  16
    Jen replied
    February 9, 2018 at 8:55pm

    Thanks Tahir  here is the url


    http://rexobxoc.com/clients/stage/checkincharlie/


    Site is a concept site so far.. need to show client on Monday



  •  9,016
    Tahir replied
    February 10, 2018 at 2:44pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .nectar-fancy-box:hover .box-bg:after {
    background-color: rgba(51,51,51,0) !important;
}

    Thanks

    ThemeNectar Support Team