sqsp_guru

@Agttg24 below is the updated code version of your code, also changed the 'pt' to 'px'. I changed already in new code // CUSTOM FONT @font-face { font-family: 'michelle digital handwritten'; src: url(https://static1.squarespace.com/static/660be7631aae8d7cc7b52dbf/t/66ae7fd847d4af2964cf10fc/1722712024589/michelle+digital+handwritten.ttf) format(truetype); } h1, h2, h3, h4 { font-family: 'michelle digital handwritten' !important; } h1 { font-size: 40px; letter-spacing: 1px; line-height: 120%; } h2 { font-size: 20px; letter-spacing: 1px; line-height: 0%; } h3 { font-size: 20px; letter-spacing: 1px; line-height: 140%; } h4 { font-size: 20px; letter-spacing: 1px; line-height: 140%; } // For Paragraphs p { font-family: 'michelle digital handwritten'; } p { font-size: 20px; letter-spacing: 1px; line-height: 140%; } p.sqsrte-large { font-size: 20px; letter-spacing: 1px; line-height: 140%; } p.sqsrte-small { font-size: 20px; letter-spacing: 1px; line-height: 140%; }

@APS2 add below code into CSS editor. .blog-item { a.image-wrapper, .blog-title a { pointer-events: none !important; } }

@KatJarv This needs JavaScript to disable it, we cant achieve that via CSS otherwise the rollover effect done. put below code into Footer Code Injeciton. <script> const disableLink = document.querySelector('#gridThumbs.portfolio-grid-overlay .grid-item:nth-child(4)'); disableLink.addEventListener('click', function(event) { event.preventDefault(); }); </script>

@ellen_b add below code into CSS editor in the last of all code .blog-item-wrapper { padding-top: 0 !important; }

@eddiefieg you can try this, add below code into CSS editor in the last of all code. #productList .product:hover .product-image img { opacity: 1 !important; }

@harley yes it is possible via this plugin with little CSS code.

@MariaFY here you go. .header-menu-nav-item:last-child a { font-size: 14px !important; color: red !important; } but in your senerio you can target the last element directly via class .healcode-login-register-text-link { font-size: 14px !important; color: red !important; }

@Kalie add below code into CSS editor, .gdpr-cookie-banner.full-styling.popup { padding: 20px !important; }

@RuthRTW add z-index to #customFloatingButton. Updated Code Version (Replace this with old one) <style> #customFloatingButton { position: fixed; bottom: 10px; right: 10px; z-index: 999; } #customFloatingButton a { display: inline-block; background-color: #8ACB88; color: white; padding: 10px 10px; text-decoration: none; box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5); transition: 200ms; } #customFloatingButton a:hover { transform: scale(1.04); } </style>

@Ashley_Peoplethebrand I have CSS code solution for this. Below is the code you need to add into CSS editor .lightbox-handle { &:hover { color: #000 !important; } } .lightbox-content { background: #ff3cc7 !important; .form-button-wrapper .form-submit-button { &:hover { color: #fff !important; } } }

@PBTRealty can you share the website link? Though you can add below code into CSS Editor. .homepage { .header-nav-item a { color: #fff !important; } }

Your password is not working. can you double check the password?

@RuthRTW There is a syntax issue in your Code. Below is the updated version of the code. Replace old code with this new one. <style> #customFloatingButton { position: fixed; bottom: 10px; right: 10px; } #customFloatingButton a { display: inline-block; background-color: #8ACB88; color: white; padding: 10px 10px; text-decoration: none; box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5); transition: all 200ms; z-index: 9999; } #customFloatingButton a:hover { transform: scale(1.04); } </style>

@RuthRTW can you share the password of the website?

@RuthRTW Can you share the Password of the website. Might be z-index would be the issue, you can add z-index: 9999; in your CSS code and test it.

@RickClarkArt can you share the website link?

@thearrivalyoga you can add this additional code line into your code. font-style: normal !important;

@kargov yes we can do that. you need to add CSS code to hide the Announcement bar on RSVP page Below is a CSS code. copy/paste code into CSS editor. #collection-661ed0ea354eaa28ec680723 .sqs-announcement-bar { display: none !important;}

@Eyra123 I just checked, you can use the min-width for this situation. here is a code you need to add into CSS code. .header-nav-list { .header-nav-item { margin-bottom: 10px !important; a { min-width: 220px !important; } } } see screenshot.