Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
ghevond

How can I change the background color on one page?

Question

I use Mercer template and wont to change only index page background color .at first I tried to use


 <style>
  body {background-color: pink;}
  #canvas {background-color: pink;}
</style>

than


.collection-[id] #content { background-color: [your color #]; }

all 2 examples not working for me

pls help me :((((

Edited by ghevond
Initial Revision

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

Hi @ghevond,

You need to add this code to Page settings | Advanced | PAGE HEADER CODE INJECTION :


<style>
.Header--top {
  background: lightblue;
}
.Main {
  background: lightblue;
}
.Footer {
  background: lightblue;
}
</style>

Hopefully this will help you.

If you need any more help, please write me a message or send me an email on support@spacedevs.com and I'm more than happy to solve your problem.

Also, feel free to visit our website (www.spacedevs.com) for great styles and designs for your Squarespace Website.

Kind regards,

SpaceDevs Team


[SpaceDevs][1] provides the SquareSpace solution you've been looking for. We have a shop stocked with Squarespace plugins to help make your site shine. If you need extra Squarespace design, you can contact our team to build your Squarespace custom code too. Visit our [site][2] today and launch your website into the stratosphere! [1]: http://www.spacedevs.com [2]: http://www.spacedevs.com

Share this post


Link to post
  • 0

Also, you can change the width of the border using this code:


.tweak-site-border-show .Site {
  border: 50px solid lightblue;
}




[SpaceDevs][1] provides the SquareSpace solution you've been looking for. We have a shop stocked with Squarespace plugins to help make your site shine. If you need extra Squarespace design, you can contact our team to build your Squarespace custom code too. Visit our [site][2] today and launch your website into the stratosphere! [1]: http://www.spacedevs.com [2]: http://www.spacedevs.com

Share this post


Link to post
  • 0

Hi there,

Thank you for this - I have added in the code and it works wallah!

However it seems to be effecting the whole site if i enter via https://www.studioalm.com/contact/ then click on another section from there...

And then when I enter from the main url/home screen https://www.studioalm.com/ it doesn't make the studioalm.com/contact page (which is the only one I want to have a different colour, appear in pink without refreshing that particular page...

Any suggestions would be most welcome!

Best,

Sam

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...