Taller Highlighted Column No Longer Working With Update

Ask the Community Customization
1

It would be lovely if, as in the previous update, the highlighted column could stand out even more by being slightly taller than the surrounding columns. Can that feature please be reinstated?

2 Likes
4

Hi there, @DebbieDB :waving_hand:

Glad to say that you can increase the height of the featured column using this code in the Custom CSS field on the Appearance tab of your widget’s settings:

.eapps-pricing-table-columns-container {
  align-items: center;
}

.eapps-pricing-table-column-featured {
  height: 600px;
}

Try it out and let me know if you like the result :slightly_smiling_face:

5

Hi Max! Thank you for providing this. Unfortunately, it did not work for me.

1 Like
6

Could you please send me a link to the page, where your widget is installed?

7

Sure, it’s

Summary

Enrollment Options - DBT Path™

1 Like
8

Thank you!

I’ve forwarded your request to the devs and will let you know once the code is ready :slightly_smiling_face:

By the way, the request to restore the Featured Column option is already on the Wishlist. Please upvote it here - Restore Featured Column option

9

Okay, thanks!

1 Like
10

Thank you for waiting!

Here is the code to increase the size of the featured column:

.es-column-container {
  --es-highlighted-column-offset: 10px;
}

.es-column-container:not(:has(.es-highlight-element)):before {
  margin-top: var(--es-highlighted-column-offset) !important;
  margin-bottom: var(--es-highlighted-column-offset) !important;
}
.es-column-container:not(:has(.es-highlight-element)) 
.es-column-padding-block {
  margin-bottom: var(--es-highlighted-column-offset) !important;
}

.es-column-container:not(:has(.es-highlight-element)) 
.es-title-container {
  margin-top: var(--es-highlighted-column-offset);
}

The size of the top and bottom offsets is set in the 2nd line of the code:

image
image600×283 25.4 KB


Check it out and let me know if it worked :wink:

2 Likes
11

That worked beautifully, Max! Thank you!

2 Likes
12

Great, you’re welcome!

In the meantime, we’d like to invite you to participate in our new contest, where you can win a 6-month extension for your subscription - May Contest: Create a Caption for Our Photo and Win 6 Months FREE! :rocket:

Check the details and join in :wink: