CSS – Customise colour within the sides of each page

• 

  scottishnights · Member · Feb 16, 2016 at 9:16 am

  • Copy link
  • Add topic to favorites

  I would like to change the colour within the sides of each page. Not at the bottom but where it is white around the text boxes are on each page. I just feel it is very white especially on pages where there is a lot of text and not a lot of pictures/colour.

  Please ask for more details if you don’t understand, I’m not a coding expert in anyway!

  any help would be appreciated!

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

• 

  scottishnights · Member · Feb 16, 2016 at 9:17 am

  • Copy link

  I would like the colour around the text part of the page but not behind it!

• 

  staff-jeanpierreac · Staff · Feb 16, 2016 at 12:38 pm

  • Copy link

  Hi there!

  The most direct way to get this effect is to define a background for your content area. This can be done by adding this css custom code:

  div#content {
      background: red;
  }

  Of course you can use any other color or even define it in RGB format. (To do that if your are not familiarized with this format, you can use helpers, like this: http://www.rapidtables.com/web/color/RGB_Color.htm)

  div#content {
      background: rgb(255,0,0);
  }

  Anyway, you have the option to use a picture as a background… what about the same you are using in your header?

  div#content {
      background: url('https://slaintedotscottishnightsdotcom.files.wordpress.com/2016/02/banner1.jpg');
  }

  I hope this helps! :)

• 

  scottishnights · Member · Feb 16, 2016 at 12:48 pm

  • Copy link

  Thank you very much! Great suggestion, it looks great :)

• 

  staff-jeanpierreac · Staff · Feb 16, 2016 at 12:53 pm

  • Copy link

  Music for my ears!

  :)

  Have a great day!