Okay
  Public Ticket #1788411
Flip Box alignment
Closed

Comments

  • Hello_THINKA started the conversation
    November 19, 2018 at 6:49am

    Hi there.

    I was wondering if it is possible to change the content alignment on the front side of a flip box to be different to what it is on the back side?

    Currently the icon/text on the front side covers the faces in the photos on the flip boxes so I want to move it to be aligned to the bottom, however want to keep the text on the back side to be centred.

    Thanks for your help.

    Dee

  •  8,996
    Tahir replied
    November 19, 2018 at 9:35am

    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-flip-box .flip-box-front {
    background-position-y: 100% !important;
}

    Thanks

    ThemeNectar Support Team 

  • Hello_THINKA replied
    November 20, 2018 at 3:18am

    Thanks Tahir. 

    Is there a way to actually change the position of the icon and text to move down on the flip box rather than moving the background?

    Thanks for your help.

  •  8,996
    Tahir replied
    November 20, 2018 at 1:51pm

    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-flip-box[data-v_text_align="center"] .flip-box-front .inner {
    top: 63% !important;
}

    Thanks

    ThemeNectar Support Team 

  • Hello_THINKA replied
    November 20, 2018 at 10:13pm

    Yay, that worked!

    Thanks so much for your help!!! Super appreciated.

    Dee