[Resolved] scale a column

[Paul]

Hi all,

I have a site with a section that has 3 columns, I have some price plans in them. Is there a way to scale one of the columns so its bigger than the other two, to show its the featured plan.

Regards,
Paul.

[Leo]

Hi there,

How are you inserting the columns currently?

I would recommend using GP’s grid system. So something like this:

<div class="grid-25 small-column">
    small column content
</div>
<div class="grid-50 main-column">
    main column content
</div>
<div class="grid-25 small-column">
    small column content
</div>

Let me know if this works for you.

[Paul]

Hi,

Thanks for coming back to me on this, been busy sorry for the delay getting back.

I’m just using columns widget and made it 3 columns. Is what you have above a better way to achieve this?.

Regards Paul.

[Paul]

Here a Link to what I am trying to achieve https://codepen.io/tfcenturion/pen/mEQGoA

[Leo]

Columns widget? From a page builder?

[Paul]

Hi Leo,

Yeah you are right, It didn’t even click when I checked it. I’m using Elementor page builder, duh moment. I will ask them for support.

Thank you for your time though.

Kind Regards,
Paul.

[Leo]

Yeah page builder would be the way to go if you are already using it 🙂

No problem!

[Author]

Posts