Okay
  Public Ticket #152237
Change blog background color
Closed

Comments

  • Judson started the conversation
    Such an amazing theme. Easily the best i've ever used. I actually don't need a child theme as I only want to change the blog background color and default font color for the body. It is a bit hard to read on my site with medium gray on light gray. Please advise if this can be set simply in the custom CSS field
  •  1,069
    ThemeNectar replied

    Hey again!

    yes, add this in:

    body, body .container-wrap, body .home-wrap, body #page-header-wrap {
      background-color: #fff!important;
    }
    html body, html body p {
      color: #000!important;
    }

    Cheers!

  • Judson replied

    Hmmmm, when I added this some of my fonts disappeared on the blog.  I decided to just replace all F5F5F5 with fbfbfb.  I think this looks better.  It might have to do with my font choices though.  

     

    Any idea why my fonts would have disappeared on a couple of blog articles when I implemented the above?

     

  •  1,069
    ThemeNectar replied

    It shouldn't have been capable of doing that since it's stating to make all text darker rather than lighter (where it could appear to blend in with the BG). If you can supply me a link to your blog showing that behavior though i'll be able to tell you what's causing it, but now everything appears good :)

    Cheers

  • Judson replied

    this is indeed strange.  I updated the theme (i believe that replaces the style sheet) and yet the background looks good to me now.  I can't have my blog down for any length of time so I will just leave it.  Perhaps I had made some other adjustment that was conflicting. 

    Did you happen to alter the latest version of Salient to have more distinction between background and fonts?

  •  1,069
    ThemeNectar replied

    Hey again!

    Many releases ago I slightly altered the background to be lighter - the only way you should have been able to notice anything is if you haven't updated for a long time. I'm glad to hear in any case it's looking better for you now though :)

    Cheers

  • Jmikhail replied

    Hey Nectar,

    How do I adjust this code so that only the main blog page http://sitename/blog shows it with the default grey background because the masonry layout looks better with the grey background.

    However my blog posts I would like them to remain in a white background.

    Thanks!

  •  1,069
    ThemeNectar replied

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel as well:

     
    body.blog {
      background-color: #f5f5f5!important;
    }
    
  • Jmikhail replied

    This worked however I want only my post pages to remain in white.

    I tried this but it didn't work:

    body.single.single-post {

    background-color:#fff!important;

    }

  •  1,069
    ThemeNectar replied

    This should work:

     
    html body.single {
       background-color:#fff!important;
    }
    
    If not, please allow me to check out your actual URL to find out why :)