Blog masonry tile background colour – swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 2 replies, 3 voices, and was last updated 6 years by markmckay.

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

Back to forum

Posted in: Atelier
June 9, 2017 at 6:13 am #327787

georgie
Member

Post count: 37

Hi

How do I change the grey background colour that appears for posts in the masonry style blog layout? I couldn’t find it in the colour customiser…

June 9, 2017 at 9:31 am #327796
Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779
Hi,
Add the code below to your custom css option.
```
.masonry-items .blog-item .details-wrap:before {
    background: transparent!important;
}

.posts-type-bold .recent-post .details-wrap, .masonry-items .blog-item .details-wrap, .blog-grid-items .blog-item>div, .product-shadows .preview-slider-item-wrapper {
    background: #f1ecec!important;
}
```
To change the grey color, adjust the background color of the last css rule.

-Rui
August 20, 2018 at 2:47 am #331599

markmckay
Member

Post count: 13

Hi,

I tried this and it worked.

Now how can I change:

.date-overlay narrow-date-block

Also, when I add the code you have provided, the blog post styling disappears and the styling changes.

Please see attached.
Back to forum

Posted in: Atelier

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items

Login and Registration Log in · Register