jbassett

@StephenWise1999 Add to Home > Design > Custom CSS
/* Change dropdown menu background */ .header-nav-folder-content { background: #febf00 !important; }

You can set dynamic header, then use this code to change color on other pages
body:not(.homepage) header#header { background-color: #153643 !important; }

Add to Design > Custom CSS
body#cart div#sqs-cart-root button.cart-checkout-button { color: white !important; }  

I solved this myself! Instead of trying to target the title of the list item, I used p::first-line to change the style of the first line of the detail copy.

Apologies @creedon I made a typo, the page password above is correct now.

However, this morning the issue has disappeared. Must've been something at Squarespace's end. Thanks for answering though.

I've just updated my previous for safari

Kindly try again and let me know how it works

bangank36, you are a genius!

Thank you so much. That did exactly what I wanted it to.

Try adding to Home > Design > Custom Css
/*Setting for arrow in selection variant --start*/ .variant-option select { appearance: none; -webkit-appearance:none; width: 100%; } .variant-option .variant-select-wrapper { position: relative; width: 50%; } .variant-option .variant-select-wrapper:after { content: url('https://api.iconify.design/ep/arrow-right.svg?color=black&rotate=90deg'); position: absolute; display: block; top: 55%; transform: translateY(-50%); right: 3%; /*change the position of arrow*/ pointer-events: none; } /*Setting for arrow in selection variant --end*/ Change the value of right: xxx until it meets your requirement
Let me know how it works on your site
Press 👍 or mark this answer as solution to help another one too

Hi Tuanphan - thanks for your reply. I fixed this a different way in the end. But appreciate you coming back to me.

Hi,
It looks fine to me?

I solved this myself! Instead of trying to target the title of the list item, I used p::first-line to change the style of the first line of the detail copy.

In case it helps anyone else. I solved this myself.
I realised the title field allows for html tags, so I added this directly into the list item title field: TITLE <p style="font-size: 30px; line-height: 0.4; vertical-align: 5px;">SUBTITLE
And it works really well.

My result:

Add some media query in Custome Css
@media only screen and (min-width: 768px) { section[data-section-id="614e554c84ed4320845ba5ab"] { padding-top: 0 !important; min-height: 92vh !important; } } @media only screen and (min-width: 1024px) { section[data-section-id="61582a9abb4c3727b9230618"] { padding-top: 0 !important; min-height: 20vh !important; } } @media only screen and (min-width: 1200px) { section[data-section-id="61582a9abb4c3727b9230618"] { padding-top: 0 !important; min-height: 30vh !important; } }  

You've solved it, bangank36. Thank you so much!

Add to Home > Design > Custom Css
@media only screen and (max-width: 768px) { section[data-section-id="61582a9abb4c3727b9230618"] { display:none; } }  

Thank you for taking a look. Yes, I solved this one myself. It was the standard button text colour that needed to be changed.

Thank you for taking a look. Yes, I solved this one myself. It was the standard button text colour that needed to be changed.

Site URL: https://www.eshertennis.co.uk/real-tennis/p/real-tennis-hampton-court
Hi everyone
I'm using 7. and I've been playing around with site styles ahead of a website redesign and I've accidentally changed the colour of the floating shopping cart icon so it isn't currently visible! Please see attached image (it's the little square in the bottom right).

Does anyone know how to change the icon back to black? I'm assuming it's in Site Styles but I can't figure out which colour it is that I need to change.

Thanks in advance!
 

Site URL: https://www.eshertennis.co.uk/tennismembershipnew
password: james

Hi there

I'm using 7.1 and I'd like to add a 'subtitle' to items within the list section - styled the same as the item title but a little bit smaller. I'd like it to appear on every list item on this page (and some other pages) but not on every list section throughout the site.

Please see the attached reference for what I'm trying to achieve. The £260 is the subtitle I mean.

I don't see an option within Squarespace so I'm assuming this requires custom CSS.

Thanks in advance to anyone who can help!

Creedon, you absolute genius! Thank you so much. This worked perfectly!

Replace the CSS with the following.
// hide background video on mobile, uses LESS syntax @media only screen and ( max-width : 640px ) {   [data-section-id="614d83396366d44183ffeb9e"] .section-background {   & > * {        display : none;          }          background-image : url(https://static1.squarespace.com/static/60105c27c73dc30e2600e7c3/t/614e262b84ed4320845868f1/1632511546056/DJI_0047.jpg);     background-repeat : no-repeat;     background-size : auto 100%;          }        } This is for v7.1.
The only issue with the original code is that, I believe, it was written before the advent of SS hosted video backgrounds.
My version is a little more generalized in targeting the background elements and more specific in targeting the page section.
Let us know how it goes.