Post Background Colours

• 

  neurogue · Member · Aug 12, 2018 at 4:27 pm

  • Copy link
  • Add topic to favorites

  I am using the Tortuga Theme.

  I’m not seeing support for Post Background Colour changing. It defaults to White. This isn’t great, for darker themed sites like mine. I have created my own CSS to solve the problem. But, this comes with its own problem. I have to add a CSS line for every post. That is making the issue amplify. My question is: Is there a CSS code the will broad across all posts, instead of having to make a line for every post?

  Code I am using:
  .post-(Number) {background: #(Colour Code); colour #(Colour Code)}

  Tried just (.post) w/o a number, but it just applies to the post on the home page and nothing further.

  The blog I need help with is: (visible only to logged in users)

• 

  dkmyta · Member · Aug 12, 2018 at 4:50 pm

  • Copy link

  Hey there,

  After taking a look at your site it seems as though you may have already resolved your issue.

  If not, the class post should apply to all posts on the website. The issue you may be running into is that you have already applied specific styling to various posts using there associated number so in order to overwrite this styling and apply your new parameters to all of them at once you must add !important to the end of each property value.

  For example:

  .post {
      background-color: #1e1e1e !important;
      color: #fff !important;
  }

  Let me know if this works!

  Cheers

• 

  dkmyta · Member · Aug 12, 2018 at 4:55 pm

  • Copy link

  After further review, I am seeing that a number of your posts actually have the class page instead. Perhaps try adding class this to the previous code, like so:

  
  .post, .page {
      background-color: #1e1e1e !important;
      color: #fff !important;
  }

  Cheers

• 

  neurogue · Member · Aug 12, 2018 at 5:03 pm

  • Copy link

  Let me know if this works!

  The .post has only applied to the post that are featured on the home page. It does not apply to all post on the site. Even after you suggested fix.

  Examples:

  • It has applied to GLOREI’S NEXT LIFE, which is feature on the home page.
  • It has not applied to Glorei, which is not featured on the home page
• 

  neurogue · Member · Aug 12, 2018 at 5:04 pm

  • Copy link

  Trying second suggestion

• 

  neurogue · Member · Aug 12, 2018 at 5:06 pm

  • Copy link

  Second Suggestion seems to have fixed the issue, TYVM codekmyta

• 

  dkmyta · Member · Aug 12, 2018 at 7:25 pm

  • Copy link

  Awesome! Happy to have helped!