Add white space between columns

Home › Forums › Jevelin Theme › Add white space between columns

Home › Forums › Jevelin Theme › Add white space between columns

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

  • 27thLetter
    Participant

    We have tried all of the settings, but can’t seem to figure out how to add a gap / white space between the columns on this page: https://www.barrierfreeaccess.com/assessments/

     

    Is it possible to have a gap between each of the columns?

     

     

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

    Shufflehound Support
    Moderator

    Hi @27thLetter,

     

    I hope you are well today and thank you for your question.

     

    Could you please try adding margin to the columns as displayed in the attached screenshot?

     

    Best regards,
    Shufflehound team

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

    27thLetter
    Participant

    We tried adding margins and it looked the same…

    Shufflehound Support
    Moderator

    Solution for this topic

    Then you can try adding 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 (min-width: 768px) {
.sh-section-ac636108299c6d38a712c8f624b4ef2a .fw-col-sm-4 {
    width: 32%;
    margin-right: 7px !important;
}
.sh-section-ac636108299c6d38a712c8f624b4ef2a .fw-col-sm-4:last-child {
    margin-right: 0 !important;
}
}

     

    27thLetter
    Participant

    Thanks! That worked.

     

    If we wanted to repeat it in the future for another section, where do we find the section information you provided?

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

     

    You have to find section id in the webpage source by inspecting it as described in the below pages.

     

    https://zapier.com/blog/inspect-element-tutorial/

    https://www.lifewire.com/get-inspect-element-tool-for-browser-756549

    Alternatively, you can edit it using Yellow Pencil editor as described in the below page.

     

    https://support.shufflehound.com/how-to-change-almost-any-element/

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