jasonconway Posted December 9, 2019 Share Posted December 9, 2019 Hi there, I am trying to add a background image as a faded image on a home page, but only to a specific section - not the whole homepage. This is the site https://emailogic.squarespace.com/ I just need the first section below the header images to have the background image as a faded image and down to just the next banner image. Is there code that can be used to do this for any block I choose as this would be a great way to add some added visual depth to the website? I remember seeing a post on how to add colour to any block section, but I really need to be able to add an image instead? Many thanks in advance :0) Link to comment
tuanphan Posted December 9, 2019 Share Posted December 9, 2019 Please, access password.. 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
jasonconway Posted December 9, 2019 Author Share Posted December 9, 2019 tuanphan the password to view the site is: emailogic Link to comment
tuanphan Posted December 9, 2019 Share Posted December 9, 2019 13 minutes ago, jasonconway said: tuanphan the password to view the site is: emailogic Fullwidth background image for 3 learn more sections? 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
jasonconway Posted December 10, 2019 Author Share Posted December 10, 2019 Hi Tuanphan, Full width image yes, to fit below the top banner image and down the the clock image banner. Jason Link to comment
tuanphan Posted December 10, 2019 Share Posted December 10, 2019 2 hours ago, jasonconway said: Hi Tuanphan, Full width image yes, to fit below the top banner image and down the the clock image banner. Jason Difficult. Will think tomorrow. 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
jasonconway Posted December 16, 2019 Author Share Posted December 16, 2019 On 12/10/2019 at 4:31 PM, tuanphan said: Difficult. Will think tomorrow. How would I use a background image that spanned all of the white space as an alternative for me to try out? Link to comment
tuanphan Posted December 19, 2019 Share Posted December 19, 2019 On 12/17/2019 at 2:53 AM, jasonconway said: How would I use a background image that spanned all of the white space as an alternative for me to try out? Add to Home > Design > Custom CSS /* Set fullwidth background */ #emailogic-no-slideshow .index-section-wrapper { background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-left: 0; padding-right: 0; max-width: 100%; } /* Reset padding for all elements */ #emailogic-no-slideshow .index-section-wrapper .content-inner { max-width: 1020px; padding-left: 32px; padding-right: 32px; margin: 0 auto; } 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
Archived
This topic is now archived and is closed to further replies.