my site is: http://ryanlacorte.com/radiolaclassics/
I reduced the spacing between the images in the layout builder with the following code:
div .av_one_third {
margin-left: 1%;
width: 29.333333333333332%;
}
div .av_two_third {
margin-left: 1%;
width: 64.66666666666666%;
}
body .column-top-margin {
margin-top: 10px;
}
my question is how do make the left and right evenly spaced now? without breaking the responsive mobile feature
Hey!
Try modifying your code to:
@media only screen and (min-width: 768px) {
div .av_one_third {
margin-left: 1%;
width: 29.333333333333332%;
}
div .av_two_third {
margin-left: 1%;
width: 64.66666666666666%;
}
body .column-top-margin {
margin-top: 10px;
}
}
Cheers!
Josue
the spacing is still not correct
Are you referring to this?
http://screencast.com/t/ZxOEIZBvj
Regards,
Josue
Hey!
Try adding this code to the Quick CSS:
.home.boxed .container {
margin: 0 75px !important;
}
Cheers!
Josue
perfect! Thanks!
You are welcome, glad we could help :)
Regards,
Josue