In some parts from the site, blocks are too close (glued) in the sides. Can you help me to resolve?
Is available in this link for testing: http://www.netflu.com.br/teste
You can see that “Blogs”, “Mais lidas”, etc are too close in the sides.
Thanks in advance,
Rafael
Hello,
The theme was not designed to display full width elements.
If you use a stretched row in visual composer you need to adjust the margin left and margin right proprieties in the row settings: http://screencast.com/t/iAXskKjsb
You can alternatively add a custom class toyour row and use css to target it:
http://screencast.com/t/6mKaGV5zNKy
Then you can use the class assigned with css like so:
.custom-row{
padding-left:20px;
padding-right:20px;
}
Thank you!
Thanks for your help, Bogdan.
I used the first option, changing in design options. It worked fine in desktop version, as you can see here: http://www.netflu.com.br/teste
“Blogs”, “Mais lidas” (most read) and “Enquete” (poll) are okay. But in mobile version it became very small.
Thanks again,
Rafael
Hello,
If you want to change this padding for the mobile version only you will have to use css like i showed above with a custom class and only target the mobile viewport like so:
@media (max-width:767px){
.custom-row{
padding-left: 10px;
padding-right: 10px;
}
}
I hope this helps.
Thanks.
I tried but I don’t know if did right. Nothing happened.
Can you see if is right?
http://www.screencast.com/t/dwuqgYcqkGj
http://www.screencast.com/t/oMaJSh1pQA
Thanks,
Rafael
Hello,
I saw you use the css within the advanced boxes (advanced css) If the code already contains the @media it means you have to place it in the custom css box or you have to remove the @media part if you want to use the advanced css. The @media specifies the screen size for which you want the code to apply. If the screen is specified 2 times, the code will not work properly.
Thank you!
