Okay
  Public Ticket #1126990
Fancy box text vertical align
Closed

Comments

  •  2
    natalielatouf started the conversation
    April 7, 2017 at 1:57pm

    Hey again! 

    I have 4 fancy boxes on my page side by side and I'd like to do 2 things:

    1. Vertically align the text

    2. Remove the animated line that occurs when you hover. 

    How do I do that?

    Thanks so much :) 

  •  9,005
    Tahir replied
    April 7, 2017 at 2:55pm

    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-fancy-box .inner h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center !important;
    width: 100%;
}
.nectar-fancy-box:hover:after {
    -webkit-transform: scaleX(0) translateZ(0)!important ;
    transform: scaleX(0) translateZ(0) !important;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    natalielatouf replied
    April 7, 2017 at 3:22pm

    THAT WORKED PERFECTLY! you're a rockstar thanks again for the prompt help!