Column width and space

Home › Forums › Jevelin Theme › Column width and space

Home › Forums › Jevelin Theme › Column width and space

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    RESOLVED Posts

  • stephanieSP
    Participant

    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:

    1. 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.
    2. Width: The width is going too large when I reduce my window. Is there is a way to put a maximal width?

    Thank you

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    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 team

    stephanieSP
    Participant

    Thank you so much. It work perfectly! Thank you!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)