Docs

[cece101]

Hello!

Page is http://www.buildmywordpresswebsite.com/cloud/ – 5 flip cards

1. Need to set cards to same height
2. Need to remove title from back of all flip cards
3. Need to remove text from front of all flip cards

Thanks!

[Jade]

Hi there,

#1 Please add this code in the customizer:

.page-id-213 #x-section-4 .x-card-outer .x-face-outer {
    height: 280px;
}

#2 & #3

.page-id-213 #x-section-4 .back h4.x-face-title,
.page-id-213 #x-section-4 .front .x-face-text  {
    display: none;
}

Hope this helps.

[cece101]

Thank you. That did remove the requested text BUT now when you flip the cards they move out of alignment.

[Rue Nel]

Hello There,

Thanks for the updates! Please update the css and use this instead:

.page-id-213 #x-section-4 .x-card-outer .x-face-outer {
    min-height: 340px;
}

Please let us know if this works out for you.

[cece101]

I made that change but the issue still exists. See attached pic.

[Jade]

Hi there,

Please use this code:

.page-id-213 .flip-3d.flipped .x-card-inner {
    height: 340px !important;
}

.page-id-213 #x-section-4 .x-container:first-child {
    margin-bottom: 50px !important;
}

Hope this helps.

[cece101]

Thanks that helps. Only last thing… padding at bottom of section is now smaller than the top but when you flip the card the spacing doubles… not sure why.

[Christopher]

Hi there,

Please provide us with login credentials so we can take a closer look.

Thanks.

[cece101]

This reply has been marked as private.

[Rupok]

Hi there,

Upon checking the page again it seems fine. This is what I am seeing on normal state – http://prntscr.com/caaool

On hover state – http://prntscr.com/caap4m

So can’t see the difference of padding as you mentioned. Did you fix this already or would you clarify with a screenshot if it’s still have any issue.

Cheers!

[Author]

Posts