I created a colored area and placed five columns on it and styled them to look like boxes. I would like less margin between the boxes (columns) which would allow them to be wider. About half the default space that is there now would look better. Refer to the boxes on the pale blue area:
http://cttdev.cagraphicdesign.biz/home2-2
I assume it would involve a bit of css.
Hi cagraphicdesign,
Please try the following in Quick CSS under Enfold–>General Styling:
.page-id-146 .av_one_fifth {
margin-left: 0% !important;
width: 45% !important;
}
Best regards,
Rikard
That worked! Now I assume that if I want to do the same to another page I repeat the same css code and change .page-id-146 to that particular page but I do not understand exactly what a page id is…is it just the url? How do I figure out what the page id is for a page?
Hi,
Yes that is correct, you can find the page id by right clicking the page and select to inspect it. At the top of the code you will see the body tag and within its classes you will find the page id class, something like page-id-367. You can also see it in the URL of the page when you are editing it on the backend.
Regards,
Rikard
Thanks you can close this