- This topic has 3 replies, 2 voices, and was last updated 8 years, 4 months ago by
.
Viewing 4 posts - 1 through 4 (of 4 total)
Hi, I have a question.
I did a pricing table in the column. I couldn’t use the widget, because I need it to be able to put my price in a kind of accordion plugin. Well, you can see how I did in the attached file.
There is my link: http://stephanie-paquette.com/kiro/
Well, my problem are:
- Space: I can’t put spaces between the columns. If I do in the margin column, my last column go under the two first one.
- Width: The width is going too large when I reduce my window. Is there is a way to put a maximal width?
Thank you
Solution for this topic
Hi @stephanieSP,
I hope you are well today and thank you for your question.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media (max-width: 768px){ .sh-section-41608fb866b8b08d41f18a95ab6a32ff .sh-column.fw-col-xs-12.fw-col-sm-4 { max-width: 400px; margin: 15px auto; } } @media (min-width: 768px){ .sh-section-41608fb866b8b08d41f18a95ab6a32ff .sh-column.fw-col-xs-12.fw-col-sm-4 { width: 31%; margin: 1.5%; } .sh-section-41608fb866b8b08d41f18a95ab6a32ff .sh-column.fw-col-xs-12.fw-col-sm-4:first-child{ margin-left: 0; } .sh-section-41608fb866b8b08d41f18a95ab6a32ff .sh-column.fw-col-xs-12.fw-col-sm-4:last-child{ margin-right: 0; } }Best regards,
Shufflehound teamThank you so much. It work perfectly! Thank you!
You are most welcome here 🙂
Viewing 4 posts - 1 through 4 (of 4 total)