STM Posted February 4, 2022 Share Posted February 4, 2022 Site URL: https://tuatara-lettuce-8e4b.squarespace.com Hi On my website, I have a coloured header and a coloured background for the page. On one page the colours match and on the others they are different even though they use the same image in the background. I can't work out where the problem lies. The image has a gradient on it so I understand the colour being different from left to right, but it should be the same in the top left hand corner. I hope that makes sense. Any help would be appreciated. Link to comment
Spark_plugin Posted February 4, 2022 Share Posted February 4, 2022 Hi @STM Here are some things you can try: Do you use a compressed image? Compression might change the color of the image. Try to use the original version of the image if possible. Did Squarespace zoom in your image? Sometimes Squarespace zooms in on images which makes you not see the sides, especially if you use a background animation. Try to add a green border around the image. Do the image have a opacity layer over it? If so, turn it down to 0 %. Click on the section, then background tab, and fint something that says opacity overlay. Good luck! 🙂 - Rasmus Myhrberg, Maker of Spark Plugin Spark Plugin – Make Your Dream Website, with 100+ Customizations Link to comment
STM Posted February 4, 2022 Author Share Posted February 4, 2022 Thanks, I'm going to try and write the code for a gradient rather than using an image I've created Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment