Jump to content

How to change background color per page on MYHRA?

Go to solution Solved by tuanphan,

Recommended Posts

Hi, 

i want to change the background color of a single page on MYHRA, my idea is to have a different Background color on each site of the Website. I know you need to edit it in the advanced settings. Can someone tell me what code i have to type in there? i tried several codes from similar posts on this forum but nothing worked ūüė쬆the website is still in¬†construction, maybe the resason is that im not paying yet?

Any help would be highly appreciated!  

Edited by Saluix
Link to comment
  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

Hi. With trial plan site, you can setup password & share url.

The background color for both main content + header + footer or main content only?

And will you use Business/Commerce or Personal Plan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 12/14/2021 at 8:10 PM, Saluix said:

Hi, thank you ^^ 

site is: https://sheep-duck-ezzl.squarespace.com/ 

Pw: Forum123

i want the background for Content + header + footer to be one color.  i will later buy the Buisnesss plan. but i have to finish the website first, im makin it as a faver for a good friend of mine.

sorry for my bad english

Hi,

The site is expired. You can contact Squarespace Customer Care to extend it (free)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 12/20/2021 at 2:08 PM, Saluix said:

Sorry for the late reply, i was gone over the weekend, I bought the business plan. Now the site should be online. thank you for all your help!

Add this code to Page Header (page where you want to change color)

<style>
  .section-background, .page-section {
    background: transparent !important;
}
body {
   background-color: green;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 year later...
On 1/17/2023 at 8:39 PM, Saluix said:

Hi, sorry i have a new question. 

now when i use the code you gave me, i get an syntax error? how can this be? it worked in the beginning. 

 

Add it to Page Header

If you add to Custom CSS, it will have syntax error

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • Solution
On 1/20/2023 at 3:31 PM, Saluix said:

this is the code i have in Page Header: 

<style>
  .section-background, .page-section {
    background: transparent !important;
}
body {
   background-color: #AFA060;
}
</style>

but the color isn¬īt shown on the page. maybe im still doing something wrong?

 

website: https://www.praxis-schmelcher-haimerl.de/

Use this new code

<style>
  .section-background, .page-section, .section-border {
    background: transparent !important;
}
body {
   background-color: green;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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


√ó
√ó
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.