WanderingBushman Posted June 17 Posted June 17 Hi I'm needing to center the background picture (move to the left) on my site. The header shows the logo as center but the background image doesn't quite line up. Does anyone have some code that will shift the image without having to crop and adjust the image little by little? Password: Bushman
Ziggy Posted June 17 Posted June 17 Can you share your website URL? It's normally much easier to crop the image than to try and code it. It does strike me that with this image if you centred the cow's head the horns would be cropped on the left. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
WanderingBushman Posted June 17 Author Posted June 17 Hi URL: https://www.thewanderingbushman.co.nz/ Cropping the left hand side of the horns is what I'm trying to avoid if possible. The distance that it needs to move to the left is so small i'm wondering if we could stretch the image slightly so it centers up?
Ziggy Posted June 18 Posted June 18 If I adjust the image background with code to center the cow, the horn gets cropped, and honestly I think it still needs to go slightly left! This is the code, but it's better to get the image correct in photoshop: section[data-section-id="664572e5ab6f8e4858f061f5"] .section-background img { object-fit: cover; width: 105%; height: 105%; left: -5%; } Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment