- This topic has 5 replies, 2 voices, and was last updated 7 years ago by
.
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?
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 teamWe tried adding margins and it looked the same…
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; } }Thanks! That worked.
If we wanted to repeat it in the future for another section, where do we find the section information you provided?
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/
