MchlKllhr Posted March 24, 2022 Share Posted March 24, 2022 Site URL: https://michaelkelleher.co/ I want the about me section background with the image of myself to be static instead of parallax so people can actually see the whole image Section ID: 618d41f1a5ce51403f86316a Parallax scrolling code injection in the quote below... Quote <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js"></script> <script> $('.has-background:not(:has(.sqs-video-background))').each(function() { var findImage = $(this).find('.section-background img'); var imgUrl = findImage.data('src') + '?format=2500w'; var dimensions = findImage.data('image-dimensions'); var imgWidth = dimensions.substr(0, dimensions.indexOf('x')); var imgHeight = dimensions.substr(dimensions.indexOf('x') + 1); $(this).parallax({ imageSrc: imgUrl, naturalWidth: imgWidth, naturalHeight: imgHeight, speed: 0, }) }); document.getElementsByTagName("body")[0].onresize = function() { setTimeout(function() { jQuery(window).trigger('resize').trigger('scroll') }, 100) }; </script> <style>.has-background{background-color:transparent!important}.has-background .section-background{background-color:transparent!important}.has-background .section-background img{visibility:hidden!important}main .has-background.background-width--inset{margin:4vw;padding:0!important}main .has-background.background-width--inset:not(.content-collection):not(.gallery-section) .section-background{top:0!important;right:0!important;bottom:0!important;left:0!important}.sqs-catalog .section-background img{visibility:visible!important;}.has-background .section-background .sqs-video-background img{visibility:visible!important}</style> I want the footer to be laid out like the image below but I am having trouble with spacing and layout. What I want footer to look like image Custom CSS for footer so far is below... Quote // Top Footer // [data-section-id="6209678b0184b53a628f7d2c"] { height: 130px !important; min-height: unset !important; .content-wrapper { padding-top: 30px !important; } .content { width: 70% !important; } .image-block { width: 8%; margin: 0 auto; } } // Footer Seporator 2 // [data-section-id="62096927303be013b29f70bf"] { min-height: unset !important; height: 1px !important; } // Footer Seporator // [data-section-id="6206fb4a93dd371732efbc7e"] { min-height: unset !important; height: 1px !important; } Link to comment
tuanphan Posted March 26, 2022 Share Posted March 26, 2022 You mean About Page? or about on homepage? If homepage, can you take a screenshot of about section? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MchlKllhr Posted March 28, 2022 Author Share Posted March 28, 2022 On 3/26/2022 at 2:50 AM, tuanphan said: You mean About Page? or about on homepage? If homepage, can you take a screenshot of about section? Thanks for your assistance once again! It is the homepage. Please find the screenshot below. https://gyazo.com/50386bd9a6e1bf8130ab20e12e34ecf4 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