Tagged: border, layout element
IS it possible to add a border to a layout element on a specific page? I am looking to house elements within a defined box and figured a boarder encasing the layout element would work best. I assume a tweak to the css would allow for this, but figured I would ask first…
Hi,
Yes it is possible to add a border to a layout element on a specific page. Yes css would be the way to do it. Unfortunately without a url and a page there isnt much more I can help with since different versions of the theme, as well as blocks create different css combinations. So we will need to see the specific page in question preferably with the block already on it positioned how you wanted. You can mask the url using http://www.goo.gl if you wish to keep it private from search engines indexing it (though they still will follow it).
Thanks,
Nick
Hello, thank you for the reply. Please see the following…
I am referring to the four columns within the very top under the header.
Appreciate the review Nick!
Hi,
You need to view source to get the particular ID numbers of various elements. The code below will only target the home page
#top.home .flex_column.av_one_fourth.first.avia-builder-el-0.avia-builder-el-first {
border: 1px solid green;
}
#top.home .flex_column.av_one_fourth.avia-builder-el-4.el_after_av_one_fourth {
border: 1px solid blue;
}
#top.home .flex_column.av_one_fourth.avia-builder-el-8.el_after_av_one_fourth {
border: 1px solid orange;
}
#top.home .flex_column.av_one_fourth.avia-builder-el-12.el_after_av_one_fourth {
border: 1px solid red;
}
Please add this to your /css/custom.css or to Quick CSS
Thanks,
Nick
Thank you will do, I will give it a try now!