I have created a blog page and then using WPBakery I have put the Nectar blog element onto it.
I am using the setting Masonry Blog W/ Sidebar and then Auto Masonry: Meta Overlaid Spaced
I like the large Square post it does and then the smaller posts, but is there a way to make the smaller posts Square not rectangle? Please see Screenshot to see which ones I am talking about.
Thank you for that code. It sort of did what I was after it changed the rectangle listings to a Square but it also made the larger listings smaller as well.
Is it possible to change the one with out changing the other? You can see screenshot to see what I am referring to.
Try using the CSS below and remove the one provided earlier.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hi,
I have created a blog page and then using WPBakery I have put the Nectar blog element onto it.
I am using the setting Masonry Blog W/ Sidebar and then Auto Masonry: Meta Overlaid Spaced
I like the large Square post it does and then the smaller posts, but is there a way to make the smaller posts Square not rectangle? Please see Screenshot to see which ones I am talking about.
Hey Again,
Were you able to adjust this in the Individual Post Settings as I can't view any tall posts on the page?
Thanks
ThemeNectar Support Team
Hi,
No I wasn't. As you can see in my attached screenshot, the main blog page is still showing the rectangle images.
Hi There,
Please try this css:
.post-area.masonry.span_9.auto_meta_overlaid_spaced .masonry-blog-item {height: 370px;
}
Thanks.
Hi Judith,
Thank you for that code. It sort of did what I was after it changed the rectangle listings to a Square but it also made the larger listings smaller as well.
Is it possible to change the one with out changing the other? You can see screenshot to see what I am referring to.
Hey Again,
Try using the CSS below and remove the one provided earlier.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.post-area.masonry.span_9.auto_meta_overlaid_spaced .masonry-blog-item:not(:nth-child(3n+1)) .post-content { height: 34em; }Thanks
ThemeNectar Support Team