Sunday, 26 February 2012

Change your contents background colour

Hello,

Google Sites does not offer customisation to the content colour background of individual pages on your site, so, here is a quirky work around for you...

Go to your chosen page, ready for it's makeover! Click in the content area > Click on edit > html > copy and paste the code below into the html, make sure it's the very first line > remember to save your changes!

<div style="background-color:#C0C0C0; padding:3px;">

For a range of colours look at the wicked wiki link below ... be sure to use the hex codes ... Simply replace my chosen colour's digits C0C0C0 with your six digit hex code, make sure you leave the # and the rest of the code in tact.


Please do comment in here a link to the pages you have made over with this trick! I look forward to seeing them!

Enjoy x
Posted by at
Reactions: 
Labels: ,

29 comments:

  1. My notes about Forex Trading8 March 2012 at 02:49

    Sorry I dont see any code.. can you help ?
    Please

    Ruben Rubio
    rubenet33@gmail.com

    ReplyDelete
  2. Beckystar8 March 2012 at 19:04

    well fancy me not giving you the code .... I have amended the post above for you. B x

    ReplyDelete
  3. jOdYlO13 March 2012 at 17:15

    Got the code, got the color change and the padding size, but I can't place text normally on top of it - it just starts in the middle of the content area ... https://sites.google.com/a/expandingeducation.com/home/pvusd

    ideas?

    Thanks so much!

    ReplyDelete
  4. Beckystar16 March 2012 at 12:07

    Can u paste all the code here out of ure html box when in edit mode?

    Edit > place cursor in area > html > ctrl+A (selects all) > ctrll+ C (copy) > then navigate my blog comments > ctrl+ V (paste)

    B x

    ReplyDelete
  5. jpsanctuary30 March 2012 at 01:12

    Hey Becky It's the Jungle Pit Sanctuary, We can't thank you enough for everything I love the code for background colors, I tried it in our Sponsor page check it out that was so much FUN!!!!!
    https://sites.google.com/site/junglepitsanctuary/sponsors

    ReplyDelete
  6. Beckystar21 April 2012 at 20:55

    Hello Lovely! Please to hear it is going well for you and if you have any features you need let me know and maybe I will blog about it;)

    ReplyDelete
  7. pmsoft8513 July 2012 at 17:10

    Any thoughts on adding a page background image

    ReplyDelete
  8. Beckystar17 July 2012 at 22:48

    Yes, i'll write a tutorial on it for you :)

    ReplyDelete
  9. Unknown30 October 2012 at 08:42

    Thanks Becky - worked a treat. Just need to figure out how to change the colour in the last remain elements of the template...

    ReplyDelete
  10. Shaggy Dad11 November 2012 at 02:26

    Very helpful thank you.

    ReplyDelete
  11. Unknown29 November 2012 at 20:50

    it changes the text background not the screen background

    ReplyDelete
  12. Unknown30 November 2012 at 07:36

    Worked great for me on a Google Apps site. My site has a black background. When I added the the Comments function, which entails using a Spreadsheet and Spreadsheet form, I ended up with black text on black background. I didn't find an easy way to change the text color, so looked for a way to change the background. Yours worked great. To see it, look at the bottom of: http://www.isbellonline.org/christian-teaching/dealing-with-terminal-illness.

    Tim Isbell

    ReplyDelete
  13. Mahmoud26 January 2013 at 21:49

    Thank you! Thank you! Thank you!

    I'm as design-stupid as you can be and this code saved me. I have to design a website for this research project and this is great. Thanks!

    ReplyDelete
  14. Jhon Steele12 October 2014 at 18:54

    Thanks for sharing this.

    Alex Bashinsky

    ReplyDelete
  15. Unknown21 April 2015 at 10:21

    Thank you for your very nice article, do not forget to read my articles also
    Blog Remaja Indonesia
    gambar lucu
    kata kata cinta
    kata kata galau
    kata kata lucu
    kata kata mutiara
    dp bbm cinta
    cara menghilangkan jerawat
    kata kata mutiara cinta
    are deliberately presented to the loyal readers.

    ReplyDelete
  16. Unknown10 May 2015 at 04:44

    Thank you so much! This was an awesome find! I used it to colour pages that were in an Archived Policies section for a non-profit intranet. I initially tried to make an "Archive Page" page template with the background colour div, but it put colour background after every
    so ended up with lots of repeating code. So instead I copy-pasted the code into the HTML section like you advised. Would have been nice if Google Sites let you style it all with a page template, but your solution still worked a treat.

    ReplyDelete
  17. Anonymous23 December 2015 at 10:36

    I think when comparing the benefits of Buying vs. Leasing solar panel installations for your home it is much better to lease them. Maybe http://www.proofreading-services.org/ writing services can help with that.

    ReplyDelete
  18. http://ukassignments-expert.com/supremedissertation-co-uk/21 September 2016 at 17:17

    Wow, that was really unexpected. I've never thought that Vodafone could be in UK. I've heard that's Ukrainian company.

    ReplyDelete
  19. Unknown22 October 2016 at 08:23

    Hi,

    I want to change the whole page to a different background colour, not just individual boxes. Is there anyway for me to do this?

    Many Thanks

    ReplyDelete
  20. http://resumewriter-s.com4 November 2016 at 10:43

    I have long enjoyed this opportunity from google. I really like the fact that you can now personalize the page with the help of colors.

    ReplyDelete
  21. mark johnson28 December 2017 at 18:29

    I have read your article, it is very informative and helpful for me.I admire the valuable information you offer in your articles. Thanks for posting it.. 24 hour truck tire repair

    ReplyDelete
  22. Claudia Davis16 August 2018 at 16:48

    There are a few spots where you can likewise use for your open records query; they are either free or pay indexes. The web indexes are not one of those few spots where you can acquire data like these; yet in the event that you need, you can attempt some of them. In any case, for a token, you can check somebody's background record inside a couple of minutes on a portion of the expert indexes on the web.background check site best

    ReplyDelete
  23. Sophie Grace23 February 2019 at 02:53

    Thanks for the nice blog. It was very useful for me. Keep sharing such ideas in the future as well. This was actually what I was looking for, and I am glad to came here! Thanks for sharing the such information with us. tik tok video

    ReplyDelete
  24. Smith30 March 2019 at 07:58

    Consider background music as the paste that hold everything together. It fits into each one of those little splits and hole and makes everything amicably cooperate. Without it your task risks going to pieces. TuneTing.com

    ReplyDelete
  25. your paper29 April 2019 at 12:54

    But this is really cool. Very often I encounter a problem when the moderator of the site cuts the color very much into the eyes and does not allow to perceive the stated information normally. Your life hack is very useful here.

    ReplyDelete
  26. Rank Check5 July 2019 at 07:36

    stickers printing uk

    ReplyDelete
  27. Rank Check11 July 2019 at 08:29

    Just admiring your work and wondering how you managed this blog so well. It’s so remarkable that I can't afford to not go through this valuable information whenever I surf the internet! Mega Millions Payout

    ReplyDelete
  28. Prined boxes20 September 2019 at 09:30

    home salon

    ReplyDelete
  29. Organicranking22 October 2019 at 14:48

    Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with extra information? It is extremely helpful for me. Buy Pinterest Followers

    ReplyDelete

Subscribe to: Post Comments (Atom)