Beyondspace

You can try using pseudo element
[aria-label="Continue Shopping"] { color: transparent !important; position: relative; } [aria-label="Continue Shopping"]:after { color: #fff; content: 'Explore More'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } Support me by pressing 👍 if this useful for you

My testing

Do you mean something like this?

Try adding to Home > Settings > Advanced > Code Injection, choose footer
<script> (function docReady(fn) { // see if DOM is already available if (document.readyState === "complete" || document.readyState === "interactive") { // call on next available tick setTimeout(fn, 1); } else { document.addEventListener("DOMContentLoaded", fn); } })(() => { if (window.location == window.parent.location) { const reelControls = document.querySelectorAll('section[data-section-id="631ea5ca51037517a8d6c397"] .user-items-list-banner-slideshow__arrow-button--right'); reelControls.forEach(reelControl => { (function reelTimer() { setTimeout(() => { reelControl.click(); reelTimer(); }, 2000); // change this value to change the speed })(); }) } }); </script> Original solution: 
 

Try the following Css Code
#block-yui_3_17_2_1_1664924299821_63995 .sqs-block-content { height: 100%; } #block-yui_3_17_2_1_1664924299821_63995 p { height: 100%; } #block-yui_3_17_2_1_1664924299821_63995 a { height: 100%; display: block; } #block-yui_3_17_2_1_1664924299821_63995 span { top: 50%; position: absolute; left: 50%; transform: translate(-50%,-50%); width: 100%; text-decoration: none; }  

Select with the page Id to only apply code on a single page
#collection-6228dfd56c79e240432efd68 .header, #collection-6228dfd56c79e240432efd68 #footer-sections{ display:none !important; } Support me by pressing 👍 if this useful for you

Try adding to Home > Design > Custom Css
#block-yui_3_17_2_1_1643991875238_11596 * { background : linear-gradient(to right, #405DE6 10%, #5851DB 20%,#833AB4 30%, #C13584 40%, #E1306C 50%, #FD1D1D 60%, #F56040 70%, #F77737 80%, #FCAF45 90%,#FFDC80 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } * in this code means every text in the block
Let me know how it works on your site

add this
<a href="/wine-reviews" target="_blank">Wine Reviews</a>  

You can try 
@media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1662735243129_3397 h2 { font-size: 30px !important; } }  

Try adding to Home > Design > Custom Css
.yui3-squarespacecalendar .item--ongoing .item-link>.item-title { opacity: 1; } Support me by pressing 👍 if this useful for you

To remove the corner for new comment, kindly try the following code on custom css
.squarespace-comments .new-comment-area { border-radius: 0; } .squarespace-comments .new-comment-area .input { border-radius: 0; } .squarespace-comments .comment-btn-wrapper { border-radius: 0; } Let me know how it works on your site

Try adding to Home > Design > Custom Css
@media only screen and (max-width: 767px) { #collection-63244ec4b52939505c480449 #mobileNav { display: none; } #collection-63244ec4b52939505c480449 #mobileMenuLink { display: none; } #block-63244ec4b52939505c48044a { display: none; } } Let me know how it works on your site

Try adding to Home > Design > Custom Css
footer * { font-family: Raleway !important; }

Try adding to Home > Design > Custom Css
#book-artconsult a:hover { text-decoration: none; }  

Try adding to Home > Design > Custom Css
iframe[src*="spotify"] { height: auto !important; } Let me know how it works on your site
Support me by pressing 👍 if this useful for you

Try adding to Home > Design > Custom Css
#collection-62d8e97b09622f7fef3c6306 { #book-me { display: none; } #INDmenu-btn { display: none; } .powr-scroll-to-top { display: none; } } Let me know how it works on your site

Try adding to your Home > Design > Custom Css
#site-title { pointer-events: none; }  

Kindly try adding to Home > Design > Custom Css
body:not(.header--menu-open) .header-nav-folder-item--active .header-nav-folder-item-content { font-weight: bold; background: none; } Let me know how it works on your site

Try adding to Home > Design > Custom Css
.header-nav-folder-item:hover { background: #C3C3C3; } Let me know how it works on your site

Try adding to Home > Design > Custom Css
#collection-62b257ec472e6220dc6ab213 .header-actions-action [href*="donorbox"]{ display: none; } Let me know how it works on your site

Which template are you using?

You can try adding to Home > Design > Custom Css
section[data-section-id="62eca74a6d9b2e0497d75203"] .image-block .content-fill:after { content:'Here is the title'; color: #fff; /*color of title overlay*/ display: flex; justify-content:center; align-items: center; background: rgba(0,0,0,0.3); /*background color overlay*/ width: 100%; height: 100%; position: absolute; opacity: 0; transition: opacity 0.5s; } section[data-section-id="62eca74a6d9b2e0497d75203"] .image-block:hover .content-fill:after{ opacity: 1; } Let me know how it works on your site
Support me by pressing 👍 if this useful for you

I check that there is an event that adds a new class and set the style of transition for this class. In order to overwrite this blink style, you can try adding to Home > Design > Custom css
#collection-588a8923b3db2b265e893d25 img { transition: none; } Hope it makes sense.
Support me by pressing 👍 if this useful for you

My testing

Try adding to Home > Design > Custom Css
[data-header-style="dynamic"].header.shrink{ background: #ccc; } Let me know how it works on your site
Support me by pressing 👍 if this useful for you