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
  • 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.

    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

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

    You are most welcome here 🙂

Viewing 4 posts - 1 through 4 (of 4 total)