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

39 comments:

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

    Ruben Rubio
    rubenet33@gmail.com

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

    ReplyDelete
  3. 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. 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. 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. 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. Any thoughts on adding a page background image

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

    ReplyDelete
  9. 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. it changes the text background not the screen background

    ReplyDelete
  11. 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
  12. 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
  13. 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
  14. 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
  15. Wow, that was really unexpected. I've never thought that Vodafone could be in UK. I've heard that's Ukrainian company.

    ReplyDelete
  16. 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
  17. 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
  18. 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
  19. 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
  20. 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
  21. 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
  22. 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
  23. 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
  24. 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
  25. All things considered, that all departed for good with web-based social networking. https://hypetik.com/how-do-i-promote-my-tiktok/

    ReplyDelete
  26. Pleasantly astonished to see this meshwork of astounding words.blog comments

    ReplyDelete
  27. I’ve read some good stuff here. Definitely worth bookmarking for revisiting. I surprise how much effort you put to create such a great informative website.
    WPNeon.com

    ReplyDelete
  28. This blog is amazing keep sharing quality custom boxes
    very fast and great service Customized Packing Box Company
    best birthdays wishes i like it new birthday wishes

    ReplyDelete
  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
  30. Your product is so nice. I love to hear about this topic more. And I will recommend this to my family and friends. Please update your blog post with more information and with other products also. custom lip gloss packaging boxes | custom lip gloss packaging boxes

    ReplyDelete
  31. Are you searching for essay writing assistance to complete your narrative essay? Students of schools or colleges are often given narrative essays in their assignments.
     What is a narrative essay?
    The narrative essay is like telling a story, which is often anecdotal, experiential, and personal. Narrative writing has a story, characters, conflict, and other essential parts of a story.
     What are the examples of narrative essays?
    A narrative story tells the readers about a specific event or interaction that the writer has experienced at a particular period. If you are thinking about where can I find a reference for my paper, you can take guidance from the mentioned examples or contact essay writing service Manchester for assistance.
     How to write a narrative essay?
    The steps you need to follow to write a narrative essay are:
    3. Pick a topic
    Choose a topic that excites both the writer and the reader (here, your professor). It is advised to the students that don’t copy topics from the internet.
    2. Create an outline
    Divide the structure of your essay into three parts: the hook or engaging introduction, the central part and a climax, and a breathtaking conclusion.
    3. Start with the introduction
    Your introductions should be short and catchy. So, try to bring up something unexpected that immediately grabs the attention of the readers.
    4. Write the narrative essay body
    The entire essay is based on your story. Thus, you can write as many paragraphs as needed to construct the main plot. Use one idea per section. Contact the oxford essay writing service to help you with the essay body.
    5. Write the conclusion
    You’re almost at the end of your essay. Writing a good conclusion is very important to create a good last impression. So, write a considerate conclusion that gives a feeling of wholeness.
    6. Proofread and Revise:
    Proofreading is essential to give your essay the finesse polish. So, go through your writing, do the needed essay writer for edition and revision to compose a brilliant narrative essay.
    Follow these steps or take assignment help UK to write a thrilling narrative essay like a pro.
    Other services: Proofreading service, Business accounting assignment , Help with business accounting assignment, Project management case study help

    ReplyDelete
  32. Assignment Firm team provides assignment help to college and university students on time. Our experts provide 100% plagiarism free content for students.

    ReplyDelete
  33. The cosmetic boxes UK provide top-quality wholesale custom printed cosmetic packaging boxes UK in all sizes and colors. Based in London, Free Shipping...mini popcorn boxes | mini popcorn boxes

    ReplyDelete
  34. Thanks for ones marvelous posting! I really enjoyed reading it, you might be a great author.
    I will be sure to bookmark your blog and will eventually come back later on.
    proprietor stamp

    ReplyDelete