Fixed Card Element

Support
#1

Is there a way to fix the size of the “Cards” element? We are using it on this page: www.ripplesofgrace.com/kidzone and the transition to different screen sizes is ugly and awkward. We are using pro.

#2

Hi,

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks

#3

We want all the cards to stay pretty uniform at all times like this:

However instead depending on the size of the screen/browser window they flex and we get results like:

So I am wondering if there is a way to turn off the flex part of the cards and have them all fixed to a specific dimension.

Thanks,
Gordon~

#4

Hi Gordon,

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

.page-id-48 #x-section-11 .x-card-inner {
   height: 282px !important;
}
.page-id-48 #x-section-8 .x-card-inner {
   height: 252px !important;
}
1 Like