thekdc Posted September 7, 2020 Share Posted September 7, 2020 Site URL: http://hivenotebook.com/home Hello, I'm having an issue with the footer on the cart page (not the checkout page) where it does not match the footer on the rest of the site. I can't seem to find way to fix this so it remains consistent. Any help with this would be much appreciated. Thank you. Link to comment
Solution IXStudio Posted September 7, 2020 Solution Share Posted September 7, 2020 Hi, Welcome to SQSP world! Use this code in Design -> Custom CSS h1,.a { color: rgb(00,00,00); text-shadow: rgb(55,55,55) 0.03em 0.05em .3em; line-height: 0%; text-align: left; margin-top: -16px; margin-bottom: 0px; } h2,.a { color: #ffffff; font-size: 1.9rem; font-weight: 500; text-shadow: rgb(00,00,00) 0.03em 0.05em .3em; line-height: 100%; text-align: right; } h3,.a { font-size: 1.3rem; text-shadow: rgb(55,55,55) 0.05em 0.05em .5em; text-align: right; line-height: 70%; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .newsletter-block .newsletter-form-field-element::placeholder { text-align: left; font-family: 'omnes-pro'; color: rgb(50,50,50); } .newsletter-form-body { height: 125px; padding-top: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .newsletter-block .newsletter-form-field-element { background: transparent; border-top: none 3px transparent !important; border-left: none 3px transparent !important; border-right: none 3px transparent !important; border-bottom: solid 3px rgb(50,50,50) !important; text-transform: uppercase; } .newsletter-block .newsletter-form-field-element:focus { background: transparent; color: rgb(20,20,20); outline-color: rgb(90,90,90); outline-width: 2px; outline-style: none; outline-offset: 4px; border-top: none 3px rgb(50,50,50) !important; border-left: none 3px rgb(50,50,50) !important; border-right: none 3px rgb(50,50,50) !important; border-bottom: solid 3px rgb(50,50,50) !important; } .sqs-block-newsletter .newsletter-form-field-element { padding-top: 5px !important; padding-bottom: 5px !important; } button.newsletter-form-button.sqs-system-button { padding-top: 5px !important; padding-bottom: 5px !important; } .sqs-svg-icon--wrapper { box-shadow: 2px 2px #000000; } Please use the like button if it helps you! Best, Leopold thekdc 1 Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
thekdc Posted September 7, 2020 Author Share Posted September 7, 2020 18 minutes ago, IXStudio said: Hi, Welcome to SQSP world! Use this code in Design -> Custom CSS h1,.a { color: rgb(00,00,00); text-shadow: rgb(55,55,55) 0.03em 0.05em .3em; line-height: 0%; text-align: left; margin-top: -16px; margin-bottom: 0px; } h2,.a { color: #ffffff; font-size: 1.9rem; font-weight: 500; text-shadow: rgb(00,00,00) 0.03em 0.05em .3em; line-height: 100%; text-align: right; } h3,.a { font-size: 1.3rem; text-shadow: rgb(55,55,55) 0.05em 0.05em .5em; text-align: right; line-height: 70%; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .newsletter-block .newsletter-form-field-element::placeholder { text-align: left; font-family: 'omnes-pro'; color: rgb(50,50,50); } .newsletter-form-body { height: 125px; padding-top: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .newsletter-block .newsletter-form-field-element { background: transparent; border-top: none 3px transparent !important; border-left: none 3px transparent !important; border-right: none 3px transparent !important; border-bottom: solid 3px rgb(50,50,50) !important; text-transform: uppercase; } .newsletter-block .newsletter-form-field-element:focus { background: transparent; color: rgb(20,20,20); outline-color: rgb(90,90,90); outline-width: 2px; outline-style: none; outline-offset: 4px; border-top: none 3px rgb(50,50,50) !important; border-left: none 3px rgb(50,50,50) !important; border-right: none 3px rgb(50,50,50) !important; border-bottom: solid 3px rgb(50,50,50) !important; } .sqs-block-newsletter .newsletter-form-field-element { padding-top: 5px !important; padding-bottom: 5px !important; } button.newsletter-form-button.sqs-system-button { padding-top: 5px !important; padding-bottom: 5px !important; } .sqs-svg-icon--wrapper { box-shadow: 2px 2px #000000; } Please use the like button if it helps you! Best, Leopold Thanks Leopold, that worked! Much appreciated. IXStudio 1 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