New Landing How can we help? Atelier Bold Recent Posts Change Background Color

Viewing 9 posts - 1 through 9 (of 9 total)
  • Posted in: Atelier
  • #219629
    charlotte.bebbington
    Member
    Post count: 20

    Hi,

    Could you give me a custom css code to override the Bold Recent Posts Background Color on the blog page to #f7f7f7.
    i.e Home page – stays as white. Blog page – white page background and post background colour grey.

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #219633
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Sure – what is your URL?

    Cheers,
    David.

    #219634
    charlotte.bebbington
    Member
    Post count: 20
    This reply has been marked as private.
    #219639
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    #main-container, .blog-items.timeline-items .standard-post-content {
        background-color: #F7F7F7 !important;
    }
    .masonry-items .blog-item .details-wrap{
    background-color: #F7F7F7 !important;
    }
    

    Thanks
    Mohammad

    #219641
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Just to confirm, on this page http://www.actionbicycleclub.com/?page_id=12379 the white blog items you want as #f7f7f7?

    That would need this:

    .masonry-items .blog-item .details-wrap {
        background: #f7f7f7;
        box-shadow: none;
    }

    – David.

    #219646
    charlotte.bebbington
    Member
    Post count: 20

    Thanks, almost worked. The date boxes are still in white though. Any solution?\

    Attachments:
    You must be logged in to view attached files.
    #219649
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    You set this in the colour customiser

    – Kyle

    #219860
    charlotte.bebbington
    Member
    Post count: 20

    Could you please be more specific. Thanks

    #219925
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .blog-item .side-details, .narrow-date-block{
    background:#f7f7f7 !important;
    }

    Thanks
    Mohammad

Viewing 9 posts - 1 through 9 (of 9 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