Change the masonry/pinterest border to black

[arivera5]

How can I change the color of the masonry/pinterest background to black. It is currently grey as in the demo. When I try to change the row or main color the masonry/pinterest style post override and remains grey. Please let me know if you can help

Thanks

[sharmstr]

It uses the Section Style dropdown. So if you dont have a section that has a black background, you cant do it that way. You can either use the footer section which is by default pretty dark, or you can add some css to do it. At the bottom of the row settings add “black-bg” without the quotes to the Extra CSS box. Save it. Click on the gear icon at the top of VC and try this.

COPY CODE

.black-bg {
    background-color: #000 !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[arivera5]

thanks for code, i tried it and it still does not work. this is my site http://myethree.com/ when you scroll down to the masonry/pinterest, the grey still appears in between the blog grids, i want that space to be black. Thanks for your help

Attachments:

You must be logged in to view attached files.

[sharmstr]

That’s not the section background. There is no gaps between the posts. What you want to change is the individual item div backgrounds. Try this instead

COPY CODE

.post-item {
  background-color: #000 !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[arivera5]

awesome that worked!! thank you sharmstr!!

[Author]

Posts