Title: Blogs
Last modified: February 9, 2023

---

# Blogs

 *  Resolved [shwetaarya](https://wordpress.org/support/users/shwetaarya/)
 * (@shwetaarya)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/blogs-10/)
 * Hello Team,
 * Can we use alternate background colors on boxes?
   Best
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fblogs-10%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [pluginandplay](https://wordpress.org/support/users/pluginandplay/)
 * (@pluginandplay)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/blogs-10/#post-16469608)
 * Hello [@shwetaarya](https://wordpress.org/support/users/shwetaarya/)
 * Yes you can manage this with custom CSS. Please add below CSS to WordPress Customizer
   or your theme / child theme style.css
 * `.bdp-post-masonry.bdp-effect-2 .bdp-post-grid:nth-child(5n+1) .bdp-post-grid-
   content {
     background: #fd6420;}.bdp-post-masonry.bdp-effect-2 .bdp-post-grid:
   nth-child(5n+2) .bdp-post-grid-content {  background: #3aadaa;}.bdp-post-masonry.
   bdp-effect-2 .bdp-post-grid:nth-child(5n+3) .bdp-post-grid-content {  background:#
   98b446;}
 * I hope it will work for you 🙂
 *  Thread Starter [shwetaarya](https://wordpress.org/support/users/shwetaarya/)
 * (@shwetaarya)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/blogs-10/#post-16472029)
 * Hello @[pluginandplay](https://wordpress.org/support/users/pluginandplay/),
 * Thank you reply 🙂
 * Its CSS code working fine but the issue is when I changed the 5n+1 to 2n+1 but
   the 2 rows’ colors showed properly but all row’s alternate colors not showing.
   for a better understanding please find the screenshot attached.
 * Using this code:
 * .bdp-post-masonry.bdp-effect-2 .bdp-post-grid:nth-child(2n+1) .bdp-post-grid-
   content { background: #232323;}
   .bdp-post-masonry.bdp-effect-2 .bdp-post-grid:
   nth-child(2n+2) .bdp-post-grid-content { background: red;}
 * Screenshot URL:
 * [https://ibb.co/19Hp1QQ](https://ibb.co/19Hp1QQ)
   [https://ibb.co/SK0Fq2f](https://ibb.co/SK0Fq2f)
 * Best
    -  This reply was modified 3 years, 3 months ago by [shwetaarya](https://wordpress.org/support/users/shwetaarya/).
 *  Plugin Author [pluginandplay](https://wordpress.org/support/users/pluginandplay/)
 * (@pluginandplay)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/blogs-10/#post-16528775)
 * Hi [@shwetaarya](https://wordpress.org/support/users/shwetaarya/)
 * I have checked your blog page and applied the CSS via browser console. The provided
   CSS is working fine but due to masonry layout it shows like the screenshot.
 * In masonry layout, the structure will be arranged according to space so when 
   you inspect the wrapper element its position is perfect but due to masonry layout
   it is arranged in space.
 * So 4n+1 or greater numbers will help you in this situation. I hope you can understand
   this.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Blogs’ is closed to new replies.

 * ![](https://ps.w.org/blog-designer-pack/assets/icon-128x128.png?rev=1917237)
 * [Blog Designer Pack - Blog, Post Grid, Post Slider, Post Carousel, Category Post, News](https://wordpress.org/plugins/blog-designer-pack/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/blog-designer-pack/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/blog-designer-pack/)
 * [Active Topics](https://wordpress.org/support/plugin/blog-designer-pack/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/blog-designer-pack/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/blog-designer-pack/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [pluginandplay](https://wordpress.org/support/users/pluginandplay/)
 * Last activity: [3 years, 3 months ago](https://wordpress.org/support/topic/blogs-10/#post-16528775)
 * Status: resolved