HI - on this site we are having the following problem - we have a 3 column element with fancy box followed by a blog element using the masonry layout. The masonry columns are offset slightly to the left and not centered to the page and don't align with the other three columns. We have placed the "recent post" element which works better - alignment-wise - but it doesn't have the "read more" button which our client requires.... Any assistance in getting this straightened out would be appreciated.
The masonry posts are placed absolutely so they are hard to move around with CSS.
The only way we could think of removing the alignment issue is by reducing the margin to the right of the recent blog posts items with this bit of CSS:
@media only screen and (min-width: 1000px){
.blog-recent[data-style*="classic_enhanced"].columns-3 .span_4{
margin-right: 1.5%;
}
}
add it to salient \ general settings - css script related - custom css code.
HI - on this site we are having the following problem - we have a 3 column element with fancy box followed by a blog element using the masonry layout. The masonry columns are offset slightly to the left and not centered to the page and don't align with the other three columns. We have placed the "recent post" element which works better - alignment-wise - but it doesn't have the "read more" button which our client requires.... Any assistance in getting this straightened out would be appreciated.
Hey Again,
Could you provide the page url where i can see the misalignment .
Best
ThemeNectar Support Team
https://gpcatholic.com/home-052818/
Hi Kevin,
The masonry posts are placed absolutely so they are hard to move around with CSS.
The only way we could think of removing the alignment issue is by reducing the margin to the right of the recent blog posts items with this bit of CSS:
@media only screen and (min-width: 1000px){ .blog-recent[data-style*="classic_enhanced"].columns-3 .span_4{ margin-right: 1.5%; } }add it to salient \ general settings - css script related - custom css code.
Hope this helps.