Jump to content

Changing the background colour of pull to refresh

Go to solution Solved by tuanphan,

Recommended Posts

hi everyone, I’m just wondering if there’s a way to customise the colour of the background (e.g: when you pull to refresh the website) of a website behind the page background colour.

I am trying to make it the same blue (pictured) as the website background colour.

Thanks,

Joash

8F53B1A3-0FC8-492F-B9F9-71E3F066D8CC.jpeg

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

23 hours ago, JAY1570048019 said:

Yes, it is www.thebookofjoash.com

and www.thebookofjoash.com/home/about

thanks,

- J

Try adding to Design > Custom CSS

body {
    background-color: #0211f9 !important;
}
.section-border, .section-background, section {
    background-color: transparent !important;
}

 

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

Hi @tuanphan the effect is working but, what if I want the background colours to be different for each page. E.g:

www.thebookofjoash.com - this will be #0211f9

www.thebookofjoash.com/home/about - this will be white

And the code would only affect these two pages only. At the moment it’s applying the #0211f9 to all pages of the website.

 

Thanks!

- J

Link to comment
  • Solution
On 7/27/2023 at 11:26 AM, JAY1570048019 said:

Hi @tuanphan the effect is working but, what if I want the background colours to be different for each page. E.g:

www.thebookofjoash.com - this will be #0211f9

www.thebookofjoash.com/home/about - this will be white

And the code would only affect these two pages only. At the moment it’s applying the #0211f9 to all pages of the website.

 

Thanks!

- J

Add this to Page Header. If site is Personal/Basic Plan, you can edit page > Add a Code Block (any where on page)

<style>
  body {
    background-color: #0211f9 !important;
}
.section-border, .section-background, section {
    background-color: transparent !important;
}
</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.