Transparency background color pricing table

Ask the Community Customization
1

Is it possible to adjust the transparency of the background color of the Pricing Table widget?

2 Likes
3

Hi there, @Ron_Langenbach :waving_hand:

If I got it right, you’d like to change the transparency of the widget container background, not the background of the columns.

I see that the background of your widget’s container is transparent. However, with this code added to the Custom CSS field on the Appearance tab of your widget’s settings, you’ll be able to change the background color and its transparency (last number):

@external {
  .es-embed-root {
    background: rgba(255, 255, 255, 1);
  }
}

Give it a try and let me know if it worked :slightly_smiling_face:

2 Likes
4

Hi Max,

Thanks for taking a look :slight_smile:

I’ve already set the background of the container (frame) to transparent (see image).
What I’m trying to do now is make the three columns partially transparent, so that the background image shows through slightly.

Or is there perhaps something I’m not doing correctly yet?

pricing table
pricing table1228×613 141 KB

2 Likes
5

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

1 Like
6

The website is not live yet.
I will set it up on a live website (give me a minute) and I will share the link.

2 Likes
7

Here is the link: Logo Ontwerp Bureau Nederland | Unieke & Professionele Logo's

2 Likes
8

Thank you so much!

Please try to use this code in the Custom CSS field on the Appearance tab and let me know if it worked :slightly_smiling_face:

.es-column-grid-container {
    opacity: 0.5;
}
2 Likes
9

Fantastic, that’s exactly what I meant :slight_smile:
Thanks so much, Max!

pricingtable2
pricingtable21515×681 140 KB

3 Likes
10

Perfect, thanks a ton for your warm words!

Feel free to contact us here again if anything else comes up :wink:

1 Like