Fullwidth layout
Hello ,
Please see page - > http://info.pairee.com/?page_id=6
1. Under the leadership team section, I have created full-width row with 3 columns. But there is slight margin on the left-hand side. Could you let me know, why this is so?
I have set the row stretch to stretch row and content.
2. In the same section , i would like to add the social icons for linkedin and blog below the team write up. I am unable to have the icons side by side. There for I am writing code -
<div style="display: inline-block; padding: 30px;!important; width:40%; margin: 0 auto; ">[vc_icon icon_fontawesome="fa fa-linkedin" color="white" background_style="rounded" background_color="custom" size="sm" align="center" css_animation="appear" custom_background_color="#3a9bc4" link="url:http%3A%2F%2Fwww.linkedin.com||"]</div><div style="display: inline-block;">[vc_icon icon_fontawesome="fa fa-bold" color="white" background_style="rounded" background_color="custom" size="sm" align="center" css_animation="appear" custom_background_color="#3a9bc4" link="url:http%3A%2F%2Fwww.linkedin.com||"]</div>
the problem is it wont center the icons. And every time I get into Backend mode the code dissapears.
Do you have social icon options where i horizontly align the icons?
Cheers
Sangita
Comments
1. As we can see, you set custom padding and that's why it does not work as should. Looks like you did it inside VC plugin and the code we see is:
.vc_custom_1458549292736 {2. Do you mean social icons in "CHANDRKANTH B.N" column to not be centered? Do you want them in one line and from the left side?padding-left: 10px !important;
padding-right: 10px !important;
}
2. This is unfortunately not possible to put them in the same line.