Masonry blocks: background image

sunlight76 · December 2018

Hi

I'm using Masonry Tiles to show some articles; many of them are password protected, so related image is not shown.

How can I change the box color or set a default image to show using maybe Custom CSS Item Classes Names ?

Pablo · December 2018

Hi,

I do not understand at all.

Do you want to change the background of the masonry block, right?

You can change this color in Theme Options > Colors > Content

https://i.imgur.com/hn9SHmr.png

Thanks

sunlight76 · December 2018

Yes I would like to change the background color of the masonry blocks, but only for one instance (not for every masonry used in the website). I see I can choose a custom css item class name.. but I can't find the class.

Pablo · December 2018

Then it requires Custom CSS.
Please send me a link to that page, and I'll explain to you how to make it.
Thanks

sunlight76 · March 2019

Hi,

this is the page:

http://www.dreamtimeviaggi.it/develop/lista-nozze/

Pablo · March 2019

Hi,

Paste this CSS into the Theme Options > Custom CSS & JS > CSS

body.page-id-100 .masonry.tiles .post-item.no-img{
	background:pink !important;
}

Thanks

sunlight76 · March 2019

This will change color of all blocks in the website, not only in this one as requested, right?

Pablo · March 2019

Yes, all of these blocks which are using the "Masonry Tiles" style.

Do you want to change it only on this page? - I can change it.

Thanks

sunlight76 · March 2019

Yes thanks, only in this page

Pablo · March 2019

I've updated the code above.

It will work as you wanted now.

Thanks

Masonry blocks: background image

Comments