Tagged: avia layout builder, button, testimonial, Text block, Widget
Hello all
I am using the avia layout builder. Is it possible to create a border around a group of elements of the homepage?
I’m trying to make a border around the different content blocks.
Here’s the screenshot:
Please look at the sidebar: In the screenshot, on the left side, this is how the page looks like at the moment, I was able to put the button code into the Text Block, so that the border is around the text and the button. I don’t know how to do that with the news section below, same goes for the testimonial part.
This is the code I used for the address block:
<h3>selvaria GmbH</h3>
Industriestrasse 135
9200 Gossau<!-- br-->
Tel. +41 (0)71 511 25 61<!-- br-->
Fax +41 (0)43 411 90 74<!-- br-->
(Email address hidden if logged out) <!-- br-->
MwSt.-Nr. 780 704
<a class="avia-button avia-icon_select-yes avia-color-theme-color avia-size-small avia-position-right " href="http://www.selvaria.ch/infos/anfahrtsplan/"><span class="avia_button_icon avia-font-entypo-fontello"></span><span class="avia_iconbox_title">Anfahrtsplan</span></a>
It should look like the screenshot on the right side.
http://www.selvaria.ch
Thank you
Hi selvaria!
Adding this code to the Quick CSS area in the Theme options page will do it:
.home .flex_column.first div.avia_textblock:first-child{
border-bottom: 1px solid #dbdbdb;
}
.home .flex_column.first div.avia_textblock{
border-bottom: 0;
}
.home .flex_column.first div.avia-testimonial-wrapper, .home .flex_column div.template-blog{
border: 1px solid #dbdbdb;
padding: 15px;
margin-top: 0;
border-top: 0;
overflow: hidden;
}
However it may break if you move the position of the elements too much, let us know how it goes :)
Best regards,
Josue
Smashing service! Works like a charm.
Thank you!
Glad we could help. Let us know if you have any other questions or issues :)
Regards,
Josue