Jump to content

Background colour changing from desktop to mobile

Recommended Posts

Hi,

I've created this website for a client which has a video on the homepage. The video's background colour is the same as the page background colour when viewed on desktop, but on mobile it is appearing that they are different. Attached are screenshots of the desktop and mobile views. 

The website is http://www.loopwellbeing.com.au

Thanks!

Screen Shot 2023-02-09 at 4.16.57 pm.png

IMG_DCAA22C2752E-1.jpeg

Edited by c3lln
adding website
Link to comment
  • Replies 8
  • Views 286
  • Created
  • Last Reply

Top Posters In This Topic

It should look like the desktop view. See how in that mobile view there is a colour difference from the video to the page below? The background becomes more yellow compared to the video above (which has the same background colour as the page below in desktop)

Link to comment
On 2/13/2023 at 7:44 AM, c3lln said:

Thanks @tuanphan. I've added in that code to the top of my CSS but am still seeing this difference in colour (screenshot above)

You try access Design > Site Styles > Colors > Site Wide - Section Color/Background and change it

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 2/11/2023 at 7:19 PM, tuanphan said:

Try adding to Design > Custom CSS

body {
	background-color: #f2e8e5;
}

 

Try this new code

body.homepage {
&, .section-border, .section-background, section {
	background-color: #f2e8e5 !important;
}
} 

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.