S_R_HRTWL Posted April 17 Share Posted April 17 Hi, is there a way to add a background image to York template home page? example below: https://www.papercityfabrics.com/shop Thanks! Link to comment
tuanphan Posted April 19 Share Posted April 19 Background Image for Main Content only or main content + header + footer? 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
S_R_HRTWL Posted April 23 Author Share Posted April 23 Hi @tuanphan for main content only please. Link to comment
tuanphan Posted April 25 Share Posted April 25 On 4/23/2024 at 10:46 PM, S_R_HRTWL said: Hi @tuanphan for main content only please. I forgot, can you share link to your site? 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
S_R_HRTWL Posted April 25 Author Share Posted April 25 @tuanphan sure. Thank you. https://www.road-from-damascus.co.uk Link to comment
tuanphan Posted April 27 Share Posted April 27 On 4/25/2024 at 5:59 PM, S_R_HRTWL said: @tuanphan sure. Thank you. https://www.road-from-damascus.co.uk You can use this code to Website > Website Tools > Custom CSS. Replace Pixabay with your image url. body.homepage .overflow-wrapper { background-image: url(https://cdn.pixabay.com/photo/2023/09/26/17/32/woman-8277925_1280.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } 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
S_R_HRTWL Posted April 27 Author Share Posted April 27 Is it possible to apply it to all pages? It works perfectly on home page thank you @tuanphan Link to comment
tuanphan Posted April 29 Share Posted April 29 On 4/27/2024 at 7:44 PM, S_R_HRTWL said: Is it possible to apply it to all pages? It works perfectly on home page thank you @tuanphan You can use this code body .overflow-wrapper { background-image: url(https://cdn.pixabay.com/photo/2023/09/26/17/32/woman-8277925_1280.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } 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
S_R_HRTWL Posted April 29 Author Share Posted April 29 I noticed the background is zoomed in quite a lot on mobile view when not on home page. is it possible to set it to the same zoomed out size for the whole website on mobile view please? Link to comment
tuanphan Posted May 1 Share Posted May 1 Add this code under @media screen and (max-width:767px) { body .overflow-wrapper { background-repeat: repeat-x !important; background-size: unset !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
S_R_HRTWL Posted May 2 Author Share Posted May 2 I did it and this was the result unfortunately @tuanphan Link to comment
tuanphan Posted May 5 Share Posted May 5 You can remove line background-size: unset !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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment