I use this as a global section and have placed the three pricing items in a separate wrap. Due to the dotted line, this seems to be the correct setting, but when I view the page, this is not adopted and the content is not aligned.
I'm sorry, I misunderstood your question. Your original solution of placing 3 Pricing elements in one wrap was correct. However, there is no option to align the content of these elements, only the height of the elements themselves.
However, for the current solution with 3 wraps, you can paste the following code into the Custom CSS field in Theme Options.
Comments
Hi,
each element should be put into separate WRAP and you have to set Stretch for Wraps vertical spacing.
Hi Albert, thanks for your response!
I use this as a global section and have placed the three pricing items in a separate wrap. Due to the dotted line, this seems to be the correct setting, but when I view the page, this is not adopted and the content is not aligned.
What am I doing wrong?
Hi,
I'm sorry, I misunderstood your question. Your original solution of placing 3 Pricing elements in one wrap was correct. However, there is no option to align the content of these elements, only the height of the elements themselves.
However, for the current solution with 3 wraps, you can paste the following code into the Custom CSS field in Theme Options.
.column_pricing_item { display: flex; height: 100%; } .pricing-box { display: flex; flex-direction: column; height: 100%; } .pricing-box .plan-inside { flex-grow: 1; }https://pasteboard.co/3wfZfBmzrtLL.png
Best regards,
Muffin Group team
It functions. Thank you. This is also a good solution.