Jia

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

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, try adding this to custom css:
.sqs-block.html-block.sqs-block-html.sqs-background-enabled:hover { background-color: green; .sqsrte-text-color--accent, p { color:white; } }

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');

Hi, try adding this to custom css:
.header-nav-folder-item--active .header-nav-folder-item-content { color: #434d4c; background-image: none!important; }  

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, try adding this code to custom css:
@media screen and (max-width:767px) { .ProductItem-gallery-slides-item { margin-bottom: 20px; } }

Hi, try adding this code to custom css:
#collection-65e928f35217070e1ea8806e { header, footer { display:none!important; } }

Hi, try adding the !important tag like so:
.sqs-button-element--tertiary { font-family: 'Public Sans' !important; font-size: 14px !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, add this code to custom css (design > custom css) and replace 'red' with the hex of your preferred colour of choice
.item-pagination[data-collection-type^="portfolio"] { background-color:red; }

Hi, you can target an individual page with css. Add this to custom css (Design > Custom CSS) and let me know how it goes 🙂 
#collection-5fe984c448c30047e65797ba { .summary-thumbnail-event-date { display: none !important; } }

Hi, it appears there's a minimum height set for the section. Try adding this code:
.tweak-index-page-fullscreen-first-page-only .Index-page:first-child, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image, .tweak-index-page-fullscreen-all-pages .Index-page { min-height:0px; } And if you'd like to remove the additional padding, add this:
.tweak-index-page-fullscreen-first-page-only .Index-page:first-child .Index-page-content, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image .Index-page-content { padding-top:0px !important; padding-bottom:0px !important; } Let me know how it goes 🙂 

Hi, it appears there's a minimum height set for the section. Try adding this code:
.tweak-index-page-fullscreen-first-page-only .Index-page:first-child, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image, .tweak-index-page-fullscreen-all-pages .Index-page { min-height:0px; } And if you'd like to remove the additional padding, add this:
.tweak-index-page-fullscreen-first-page-only .Index-page:first-child .Index-page-content, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image .Index-page-content { padding-top:0px !important; padding-bottom:0px !important; } Let me know how it goes 🙂 

Hi, it appears there's a minimum height set for the section. Try adding this code:
.tweak-index-page-fullscreen-first-page-only .Index-page:first-child, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image, .tweak-index-page-fullscreen-all-pages .Index-page { min-height:0px; } And if you'd like to remove the additional padding, add this:
.tweak-index-page-fullscreen-first-page-only .Index-page:first-child .Index-page-content, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image .Index-page-content { padding-top:0px !important; padding-bottom:0px !important; } Let me know how it goes 🙂 

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 🙂 

Hi, when I checked the page via the inspector tool, it seems that you have a spacer block which is causing the extra space:

You can delete the block or add this code:
#block-yui_3_17_2_1_1647347400126_6450 { display:none; } Let me know how it goes 🙂 

Glad it worked! I checked those pages and it seems that those sections aren't recognised as 3 columns. I suggest making sure the 3 blocks are of equal width. Let me know how it goes 🙂 

Ahh, try adding the important tag, like this:
.sqs-block-image .design-layout-card .image-overlay { background-color: transparent !important; }

Hi, add this code to custom css (Design > Custom CSS) and add your font name in between the apostrophes. Let me know how it goes 🙂
a.Header-branding { font-family: 'FONT NAME HERE' !important; }  

I checked in the inspector and it seems that the width is not being read, but adding the !important tag fixed it. Try this:
.ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { width: 100% !important; }

Hi, add this code to custom css and let me know how it goes 🙂
main .page-section:first-child { padding-top: 0px !important; }

Hi, add this to custom css. Let me know how it goes 🙂
.portfolio-hover-item-title { text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-offset: 0.2rem; transition:0.1s ease; } .portfolio-hover-item-title:hover { color:gray !important; } .portfolio-hover-items::after { content: 'Add your line of text here in between the apostrophes'; font-size: 24px; }