LODESTAR theme – colouring panels

• 

  mariannakoos · Member · Mar 14, 2017 at 9:21 am

  • Copy link
  • Add topic to favorites

  Hi, the Lodestar theme offers four ‘panels’ under the ‘theme options’ section.

  I was hoping I could get some help with the css to change the background colour of these ‘panels’ and the text colour on these panels as well.

  Thank you.

  [Moderator’s note: please don’t “bump” your post by replying to it, since it takes it out of the “unreplied” queue and it will take longer to get a reply.]

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

• 

  thesacredpath · Member · Mar 14, 2017 at 7:45 pm

  • Copy link

  Hi, if you are wanting to change them all to a single color, the following custom CSS will do that.

  .home .panel-content, .home .panel-content .wrap {
  	background-color: #cc0000;
  }

  If you are wanting to change each to a different color, then you will need to use the unique post id for each section, which can be found in the “article” html tag for each. This would be an example for the first panel.

  #post-1451 .panel-content, #post-1451 .panel-content .wrap{
  	background-color: #cc0000;
  }

  You can use the web inspector built into your browser to find the unique post id for each section.

• 

  mariannakoos · Member · Mar 30, 2017 at 11:19 am

  • Copy link

  Thank you very much for your help :)

• 

  thesacredpath · Member · Mar 30, 2017 at 9:02 pm

  • Copy link

  You are welcome.