[jpenlandParticipant]

Hi:
I have a series of eight cards on this page (scroll down to the bottom):
http://whidbeycamanoislands.com/filming-and-commercial-photography/

I would like to control the height of the cards. However, I also have other cards on the site, so I need css to control just these eight cards.
I used Cornerstone to give each of the cards the custom class of “permit-card” (without the quotes).
Using the Chrome browser’s Inspect Element feature I found the following:
x-card-outer permit-card flip-from-top center-vertically flip-3d

I put the following custom CSS in, but it controlled the height of outside of the card, not the card, itself.
.x-card-outer.permit-card.flip-from-top.center-vertically.flip-3d {
min-height: 600px;
}

What’s am I doing wrong?

This site is running WordPress 4.3, theme version 4.0.7.

Thanks… again.

[Rue NelModerator]

Hello There,

Thanks for writing in!

Before anything else, please make sure that you are up to date. There is a known bug in the card element that was fixed in our latest release of Cornerstone 1.0.6. This bug is regarding the height of the cards.

Our latest versions are:
X Theme: 4.1
Cornerstone: 1.0.6
Visual Composer: 4.7
Revolution slider: 5.0.6

You can find the latest version numbers here: (http://theme.co/x/member/changelog/) Then you can compare them to what’s installed on your site. If you find anything to be out of date, you can review our update guide.

Thank you.

[jpenlandParticipant]

Updates are done. XTheme 4.1 and Cornerstone 1.0.6 are installed. I’m not using VC or Revolution, so at this point they’re not relevant.

[ZeshanMember]

Hi there,

Thanks for writing in!

Please add following CSS under Custom > CSS in the Customizer:

@media (min-width: 768px) {
    .permit-card .x-card-inner {
        min-height: 540px;
    }
}

Hope this helps. 🙂

Thank you.

[jpenlandParticipant]

That works. Thanks!! I assume that if I want to do the same with other cards I’d just declare a new custom class and swap .permit-card with my new class?

[Nabeel AModerator]

Hi again,

Glad it worked. Yes that’s correct, just change the class name with your custom class.

Cheers!

[Author]

Posts