Changing the Background Color of Posts and Pages

Home Forums Jevelin Theme Changing the Background Color of Posts and Pages

Home Forums Jevelin Theme Changing the Background Color of Posts and Pages

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • Hi,

    I am trying to change the background colour of posts, so that they are different to the pages.

    Pages are dark with light writing – which is fine for limited text content on those. But the pages will have lots of text and I would like to have a white background and light. I have tried a few updates to the CSS but they didn’t work. i.e I tried this, but I didn’t see any impact

    https://support.shufflehound.com/forums/topic/change-color-of-post-background/

    Hi @rb585,

     

    I hope you are well today and thank you for your question.

     

    I want to change the posts to a white background

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .single-post .content-container {
        background: #FFF;
    }
    .single-post .content-container h2:hover,
    .single-post .content-container a{
      color: #47c9e5 !important;
    }
    .single-post .sh-related-posts-title h3,
    .single-post .post-title h1,
    .single-post .titlebar-title h2,
    .single-post .content-container h2 {
       color: #000;
    }

     

    Best regards,
    Shufflehound team

    Thanks for the response and sorry for my later reply, however, when I put CSS code in that location nothing happens. I mention this above, I have tried putting in different CSS codes into this space and none of them show any impact.

    I don’t see above-shared CSS code used on your website.

     

    Please make sure that you are using the above-shared CSS code on your website so that I can troubleshoot it.

    Hi – I took it out, as it wasn’t working , it didn’t show anything. I also “reset” all the options in the themes to see if that fixed it. I will add it back in now and see what happens.

     

    Thanks

     

    Rob

    Hi,

     

    I have now added it back in again and I haven’t seen any changes.  I have also ran a CSS validator check at w3.org and it reports 70+ errors in the CSS – even in a simple post with just text and picture, is that normal?

     

     

     

     

     

     

    Attachments:
    You must be logged in to view attached files.

    It seems not working on your website due to the CSS specificity issue so please try changing the CSS code as below.

     

    .single-post #page-container .content-container {
        background: #FFF;
    }
    .single-post #page-container .content-container h2:hover,
    .single-post #page-container .content-container a{
      color: #47c9e5 !important;
    }
    .single-post #page-container .sh-related-posts-title h3,
    .single-post #page-container .post-title h1,
    .single-post #page-container .titlebar-title h2,
    .single-post #page-container .content-container h2 {
       color: #000;
    }
Viewing 7 posts - 1 through 7 (of 7 total)