Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #27309

    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…

    #133588

    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

    #133589

    Hello, thank you for the reply. Please see the following…

    http://goo.gl/4j5jga

    I am referring to the four columns within the very top under the header.

    Appreciate the review Nick!

    #133590

    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

    #133591

    Thank you will do, I will give it a try now!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Add Frame/Border to Layout Element’ is closed to new replies.