MacUn

I have a gradient on my navigation bar which looks great as I have banner images on all pages except for blog post pages. I'm looking for a way to have a solid dark blue background behind the navigation (instead of gradient) on just the blog post pages. Is this possible with some code? Thank you!

Thanks!

Hello, I'd like to to see if there is a way to make the banner video appear to stop where I have drawn the red line. I'd like the color wave to look like it's the bottom of the video. Is this possible? Thanks! url: https://dragonfly-corn-l3ms.squarespace.com/config/ pw: seafood

@tuanphan Thank you! That worked beautifully.

Love when I can solve my own problems. Here's the fix if anyone else needs it: //Center Product Page Details// .ProductItem-details { text-align: center !important; width: 100% !important }

I don't have images on my product pages. Is there a way to center my product details on the page instead of aligning left? url: https://www.skagitonians.org/membership/10-member

I'd like to change the text in the custom product form to "Next Step" instead of "Become a Member" which is on the product page. Is there some code to allow me to do that? url: https://www.skagitonians.org/membership/10-member

@paul2009Thank you! That seems to have resolved the issue!

@derricksrandomviewsGood thing to check but I've been testing it in incognito windows so I wouldn't be logged in.

I have a Give Lively donation widget added to a site at https://www.skagitonians.org/donate-membership. The widget code block is appearing most of the time but sometimes when accessing the page from the navigation (Join + Give / Donate & Membership), the code does't appear unless refreshing the page. This happens most often on PC but has happened on Mac across Safari, Chrome and Firefox browsers. This is problematic as donors may not see the donation form when they arrive on the page. Any idea what could be causing this? Thanks!

@paul2009 I was able to figure it out. Removed everything except the following and the button text stayed as it should. Thanks for walking me through. /* Sliding Banner Button */ .sqs-button-element--primary { color: white !important}

@paul2009I was able to pinpoint the piece of code causing the search text to turn white. When I remove it from the custom CSS, the search results show up black. However, this code is used to make the button the slider banner white. Is there a way to still keep the button text white and make the search text black? /* Sliding Banner Button */ .primary-button-style-outline .bright .sqs-button-element--primary, .primary-button-style-outline .bright .sqs-button-element--primary.comment-btn, .primary-button-style-outline { color: white !important} Thank you so much for your help!

@paul2009 Thank you. I took out all the custom CSS and the text did show up as black. I've scoured this code for what may be the culprit and can only find two instances where #fffff is mentioned. When I removed those lines, the search text did not change to black. Does anything stick out to you that may be causing the issue? //****Basics****// //Adjust mobile breakpoint// @media screen and (max-width: 1300px) { /* Display burger icon at all widths and align right */ .header .header-burger { display: flex; order: 2 !important; } /* Make burger menu visible at all widths */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } /* Center logo in mobile device */ .header-title { text-align: left !important; } /* Hide primary navigation menu */ .header .header-title-nav-wrapper .header-nav { display: none; } } //**Breakpoint Menu - Account Link**// #yui_3_17_2_1_1665768454604_1197{ font-size: 1rem !important; color: #E87A37 !important; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } //Linked Text Bold// p a { font-weight: bold !important; } // Remove Hyphens // p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } /* No Hyphens */ p, h1, h2, h3 { -moz-hyphens: none; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; } //**Header Search Bar**// .header-search-bar{ margin: 0 0 0 2.5vw; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px ){ .header-search-bar{ display:none; margin: 0 0 0 0vw; } } .header-search-bar .search-input{ border: 1px solid currentColor !important; } .header-search-bar .search-input::placeholder{ color: currentColor !important; } .mobile-header-search-bar{ background-color: transparent; display:block; padding-left:3vw; padding-right:3vw; } .mobile-header-search-bar .preFade, .mobile-header-search-bar .preScale,.mobile-header-search-bar .preSlide,.mobile-header-search-bar .preClip, .header-search-bar .preFade, .header-search-bar .preScale, .header-search-bar .preSlide, .header-search-bar .preClip{ opacity:1 !important; transform: scale(1) translate(0%,0%) !important; clip-path: unset !important; } .header-search-bar .search-input{ border: .25px solid gray !important; } .header-search-bar .search-input::placeholder, .header-search-bar .search-input{ color:gray !important; } .sqs-search-ui-button-wrapper .search-input.hover-effect:hover, .sqs-search-ui-button-wrapper .search-input.hover-effect:focus{ outline: none !important; } //****Mobile Tweaks****// //Mobile Nav Link Font// .header-menu-nav-item a { font-size: 14px; } //Mobile Nav Login Link Font// nav.header-menu-nav-list span.unauth { font-size: 14px; color: #E87A37 !important } //**** Banner Slideshow Overlay ****// .slide-media-container:after { content: ""; background-color: rgba(0,0,0,0.25); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9099; } .slide-content.list-item-card-background { z-index: 99999999999999; } //****Navigation***// /* Nav item hover color - underline */ .header-nav-item a:hover { color: #E87A37 !important; } //*****Buttons*****// /* Large Button Styling */ .sqs-block-button-element--large { width: 75% !important; color: black !important; } .sqs-button-element--primary { color: black !important; line-height: 23px !important; } .sqs-block-button-element--medium:hover {color: white !important; } /* Sliding Banner Button */ .primary-button-style-outline .bright .sqs-button-element--primary, .primary-button-style-outline .bright .sqs-button-element--primary.comment-btn, .primary-button-style-outline { color: white !important} ///***Events***/// //**Remove Back to All Events Link**// .eventitem-backlink {display:none} //** Classes by Medium Pages ** // //Medium Side Bar// #block-yui_3_17_2_1_1656355724328_19153 p { margin: 8px !important; } ///*** E-COMMERCE***/// //** Product Block on Events **// .product-block .product-mark { background: #E87A37 !important; color: #ffff; font-weight: 700; font-size: 18px !important; text-transform: uppercase; } //** Product Detail Page **// .ProductItem-nav { display: none !important; } .product-layout-side-by-side { padding-top: 2vw !important; } .sold-out .product-details .product-mark.sold-out { font-weight: 700; font-size: 18px !important; text-transform: uppercase !important; color: #E87A37 !important;} //**Store Summary**// .sqs-block-summary-v2 .summary-product-status .product-mark { background: #E87A37; color: #ffff; font-weight: 700; font-size: 18px !important; text-transform: uppercase; padding-top: 10px !important; } .sqs-block-summary-v2 .summary-price { font-weight: 900; font-size: 30px !important; color: black !important} .summary-metadata-item--tags { font-weight: 800; font-size: 17px !important; color: #E87A37 !important; opacity: 100 !important; } .sqs-block-summary-v2 .product-scarcity {font-weight: 500; font-size: 15px !important; font-style: italic !important; color: #797979 !important} //**Remove Links on Date Tags**// .summary-metadata-container { pointer-events:none; } #cart { color: #000000 !important; } //***Product Summary**// /*Limited Stock*/ .sqs-block-summary-v2 .product-scarcity { } //***Hyperlinks***// //Remove Link Underline// a,span { background-image: none!important; text-decoration: none!important;} //*****Summary Blocks****// //Summary Titles// .sqs-block-summary-v2 { .summary-title, .summary-heading { font-weight: 700; font-size: 28px !important; text-transform: uppercase; } } #block-yui_3_17_2_1_1654008090147_7762 {.summary-metadata-item { font-weight: 600 !important; font-size: 18px !important; color: #E87A37 !important; opacity: 1 !important; color: #c73d33; margin-top: 0px; text-transform: uppercase; }} //****Gallery****// //Gallery Descriptions// .gallery-caption p {text-align:center; padding-top:5px} .gallery-caption p:first-line {font-size: 1.5rem; font-weight:bold} //****FOOTER***// //Move About Column Left// @media only screen and (min-width: 1200px) {#block-yui_3_17_2_1_1653973505379_8712 { padding-left: 40px; }} /***Newsletter Form***/ .newsletter-block { border: 3px solid #E87A37 !important; padding-top: 30px !important; } footer.sections .newsletter-form-header-description { display: none; } .newsletter-form-button { letter-spacing: .5em; background-color: #E87A37 !important; color: black !important; } ///***Order Confirmation Page***/// /* order message */ #confirmed-page p { color: black; } //**Remove Filter Links in Mobile**// @media only screen and (max-width: 768px) {#block-761faeaca29ebe3ddbd8, #block-f77e2c5ceaaae5a9719e, #block-554d22256ac2c955b861, #block-5aa1331da88d791767c5, #block-323438d9ae06ac890b66, #block-5d969f7d43d3da0400fa, #block-c2eac9f2d107d65194f3, #block-374904f0adecf41cca85, #block-83b26b313ac5c6e935f9, #block-99efcb0a6becfd41ac5d, #block-cb509940f1de7303167a, #block-b8b2e40109b08b26211d, #block-0f39d7310dd2a3509ee6, #block-dc3855d20e3de62930b4, #block-4d63eec52ed6001b42b6, #block-74c3007c112fa45903db, #block-3c9f67ba1b13857ef221, #block-31d1822a1225cf6b7b76, #block-d4773a49135e93a88947, #block-37b70de27ca272377831, #block-46964d5d93f648fd57b8, #block-35ebe6a387cc1205a5bc, #block-f916b4008df3a3871cfa, #block-4fa358ab3269419b9b61, #block-9778ce412f2c3c051f5c, #block-8937074f00942f481baa, #block-e764953e0e11b87efd83, #block-59bd7b29dd0b027a8b98 {display: none;}}

Hello, When the search results pop up, text is white. How can I change to black? Example search page here: https://www.schack.org/search?q=art

@Wolfsilon Unfortunately Squarespace search is not great. If you type in Ceramic you'll get some results. Thanks!

Site URL: http://www.schack.org My search result page has white text that I haven't been able to figure out how to change in styles or with CSS. Any ideas?

Site URL: https://caper-harpsichord-tasl.squarespace.com/ Is there a bit if code that would change my Sold Out flags to Closed on specific products? I'd like a way to specify an item is no longer available. Thanks! https://caper-harpsichord-tasl.squarespace.com/all pw: art

Great, thanks! It worked.

Site URL: https://caper-harpsichord-tasl.squarespace.com/all Hello, Looking to find a way to remove hyperlinks on the tags in my summary block. See red circled text. Would just like it to be plain text. Anyway to do this? Thanks! site: https://caper-harpsichord-tasl.squarespace.com/all pw: art

@creedonThanks for all your help. I'm still having trouble having the photo show up on the first day of the multi-day event. I went through all the steps again but still not coming up.

@creedon Ah, I see what I missed. Thanks! For the step below, where is this added? Is this just in your custom CSS?

@creedon Thanks for the help! I followed these steps but now I'm not seeing any images on the calendar at all. https://caper-harpsichord-tasl.squarespace.com/ pw: art

Site URL: https://caper-harpsichord-tasl.squarespace.com/ Is there a way to only show an image on the first day of a two-day event on the visual calendar? I'd like the date range to show it as being two days but only display a photo on Nov. 19 (not Nov. 20). Thanks in advance. https://caper-harpsichord-tasl.squarespace.com/ pw: art

@tuanphan Yes. Here's another page that has the button line spacing issue. Thanks! https://caper-harpsichord-tasl.squarespace.com/get-involved, pw: art

Site URL: https://caper-harpsichord-tasl.squarespace.com/schacktoberfest I need to adjust the text line spacing when the button text goes to two lines as in the photo attached. Thanks! url: https://caper-harpsichord-tasl.squarespace.com/schacktoberfest pw: art