Jia

Hi, add this to custom css:
.slide-content.list-item-card-background { border: 2px solid black; }

Hi, try using this selector within the mobile media query and add the important tag:
.ProductItem-details h1.ProductItem-details-title  

@Jia Thank you so so much!!! 🙂

Hi, add this to custom css:
.slide-content.list-item-card-background { border: 2px solid black; }

That worked! Thank you!

Here, try this one instead:
.products.collection-content-wrapper .nested-category-children::after { width: 0!important; }  

Hi, add this code to custom css:
.flyoutitem-datetime.flyoutitem-datetime--12hr { color:black !important; } .flyoutitem-excerpt p { color:black !important; } .yui3-squarespaceccalendar .flyoutitem-link-arrow:before { color:black; }

Hi, sorry, forgot about the transparent part, here's an updated code:
#collection-660ed69adfb20b1a470e3ea0 { .header-background-solid { background-color:transparent!important; } .header-nav-wrapper a { color:#fffff; } .header-title { background-image:url('IMAGE URL HERE'); background-size: contain; } .header-title img { opacity:0; } }

Add this code to custom css:
#collection-660a358f29ca3638a4f1c793 { a.btn.btn--border.theme-btn--primary-inverse.sqs-button-element--tertiary { background-color: white; color: #c85537; } }

Try adding this code to custom css:
button.button.sqs-system-button.sqs-editable-button.form-submit-button { font-family: 'MaisonNeueDemi'!important; letter-spacing: 0.5px!important; text-transform: uppercase!important; }

Hi, what's the link to the website?

Brilliant! works like a charm! thank you

Thank you @Jia amazing!

Ahh my bad, I missed a colon. Let's try this code:
section[data-section-id="660306201b192a3d5c8ecd97"] { line-height: 2 !important; overflow-x:hidden; .gallery-grid-wrapper { display:flex !important; animation: slideshow 40s linear infinite } .gallery-grid-wrapper .gallery-grid-item { min-width: 20%; margin-right: 5% } @keyframes slideshow { 0% { left: 0; } 100% { left: -125%; } } }

Hi, try removing the '2' after css2 like so:
@import url('https://fonts.googleapis.com/css?family=Lexend:wght@100..900&display=swap');

AMAZING @Jia thank you SO MUCH! Lifesaver!

This worked, thank you! 

Try adding this code to custom css:
button.button.sqs-system-button.sqs-editable-button.form-submit-button { font-family: 'MaisonNeueDemi'!important; letter-spacing: 0.5px!important; text-transform: uppercase!important; }

Thanks Jia that worked perfectly. 😀
 

Add this code:
#collection-65e928f35217070e1ea8806e, #item-65f9ae28547e01097c19245a { .Mobile-bar.Mobile-bar--top { display: none; } }

On which pages are you trying to remove the header and footer? The code I provided was only applicable to the page you linked.

Alright, replace the code we added with this. Again, this is only applicable for those 2 pages.
#collection-65e928f35217070e1ea8806e, #item-65f9ae28547e01097c19245a { header, footer { display:none!important; } }  

Hi, try this code. It targets all underlined text in descriptions of accordion blocks.
.sqs-block-accordion .accordion-item__description span { background-color: yellow; }  

Hi, try adding this to custom css. Just change 'red' to your preferred colour or hex code.
section[data-section-id="61b683e3ec1414216645742b"] span.sqsrte-text-color--black:hover { color:red; } If you want to change the colour of the underline as well, add this code:
section[data-section-id="61b683e3ec1414216645742b"] a:hover { color:red !important; } Let me know how it goes 🙂 

This worked! thanks so much!