Page Background

• 

  milewrtraining · Member · May 24, 2017 at 12:14 am

  • Copy link
  • Add topic to favorites

  Hello,

  I am currently working on this site and I have a question. How do I change the background color of the pages? Here are a couple examples of the pages:

  https://milewrtraining.com/mission-football-training/

  https://milewrtraining.com/football-training-program/

  I would like to make it so the background is at least not that tannish-grey color.

  Sorry, I am pretty new to all of this, so any help is appreciated.

  Thanks!

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

• 

  assadaboultaif · Member · May 24, 2017 at 1:21 am

  • Copy link

  Hi there!

  Just hover over My Sites in the admin bar and click Customize. Once it loads, look for the Colors & Backgrounds section.

  If your theme supports a custom background, you’ll see a rectangle representing your background image or color.

  Hope this helps!

• 

  milewrtraining · Member · May 24, 2017 at 4:07 am

  • Copy link

  Thanks for the reply!

  I have been there but the only thing it seems to change is just the main landing page’s background and not the other page’s. Does that probably mean the template doesnt allow those pages to be changed?

  Thanks again for your help!

• 

  dcoleonline · Staff · May 24, 2017 at 2:56 pm

  • Copy link

  Hi milewrtraining,

  You’ll need to use the My Site > Customize > Additional CSS area to make this change.

  You can paste the following CSS there to make the page background white:

  /* Set Page Background Color */
  
  .site-content {
      background-color: #fff;
  }

• 

  milewrtraining · Member · May 24, 2017 at 3:45 pm

  • Copy link

  @dcoleonline, that’s it! Thank you so much. I really appreciate it.

  This did bring up another question, haha, I’m sorry. Once I changed the color to black, there is now a bar (that was the same color as the previous background color) above and below the box. https://milewrtraining.com/mission-football-training/. How would I change that color? Or those headers and footers?

• 

  dcoleonline · Staff · May 24, 2017 at 6:48 pm

  • Copy link

  Sure, if you always want those colors to match, replace this:

  .site-content {
      background-color: #000000;
  }

  With this:

  .site,
  .site-content {
      background-color: #000000;
  }