Okay
  Public Ticket #1516186
Background Colour for Blog page
Closed

Comments

  •  2
    robditoro started the conversation
    March 24, 2018 at 3:13am

    Hi there,

    I would like to set a different background colour for my blog page without changing the overall settings.

    I've attempted to:

    • Edit the per-page CSS settings within the visual composer
    • Change the overall CSS but by specifying the post id for the blog home page (appears to be postid-11)

    The CSS I've attempted has taken the form of:

    .container, .container-wrap {background-color: #efefef !important}

    or

    .postid-11 .container-wrap {background-color: #efefef !important}

    or even (on per-page CSS in VC):

    body[data-bg-header="true"].archive .container-wrap, 
body[data-bg-header="true"].category .container-wrap, 
body[data-bg-header="true"].blog .container-wrap {
    background-color: #efefef !important
}

    Without any luck.


    Any suggestions?

  •  9,013
    Tahir replied
    March 24, 2018 at 10:51am

    Hey Again,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  •   robditoro replied privately
  •  9,013
    Tahir replied
    March 26, 2018 at 12:21pm

    Hey Again, Hope you had a Great Weekend, 

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .blog .container-wrap {
    background-color: #00a5df !important;
}

    Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ 

    Best.

    ThemeNectar Support Team 

  •  2
    robditoro replied
    March 27, 2018 at 12:35am

    Fantastic! Thank you :-)