AmyMcKinney

2 minutes ago, melody495 said:

Ziggy did all the leg work, but you are welcome and glad it is working for you now 🙂

Yes, and I somehow marked your post as the solution and I meant to mark Ziggy's!  I don't know how to fix that. 😆

thank you @melody495 and @Ziggy!!

1 minute ago, Ziggy said:

Try this additional CSS targeting the colour of the old arrows:

.sqs-gallery-design-carousel .sqs-gallery-controls .next, .sqs-gallery-design-carousel .sqs-gallery-controls .previous {
    color: transparent !important;
}

You may need to get the placement of this in the correct in the order of the Custom CSS you have.

Thank you!  Is there no way to remove them entirely -- or is it built into Squarespace in such a way where the only option is to make them transparent?

https://thebougiebouquet.squarespace.com/

Password: bougie

Hoping someone can help.  I've created a sample site for me to design, practice, and learn more about adding code to the sites I design.  A few sections down, I've used a summary block using the blog collection with text only in order to have kind of a "here's how to work with me" informational carousel with placeholder copy.  And I customized the left and right arrows with my own images based on what I've learned on this forum.

Problem is, the old arrows are still showing above/behind my new, longer arrows and I can't figure out 1) why they're even there since I supposedly changed the icon out, and 2) how to remove them.  Thanks in advance for any help!

I attached an image, and here's the code I used:

//* Summary arrows *//
.sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
    background-image: url("https://static1.squarespace.com/static/64d0653331f2a429157a7176/t/65451edf02b397329946337b/1699028703701/bb_arrows-left-redorg.png");
  	background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 30px;
  	margin-left: 0px;
}
.sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
    background-image: url("https://static1.squarespace.com/static/64d0653331f2a429157a7176/t/65451edf212a0c482a58880d/1699028703708/bb_arrows-right_redorg.png");
  	background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 30px;
   	margin-right: 0px;
}
.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
    width: 100%;
    justify-content: space-between;
    float: none !important;
}
.sqs-gallery-design-carousel .sqs-gallery-controls .previous:after {
    position: relative;
}
span.summary-carousel-pager-next.next:after {
    float: left;
}

@tuanphan thanks!  I didn't post a link because I have barely started working on the site so it's literally trash right now 😆 but here is the link -- dogfish-bagpipe-dgc7.squarespace.com.  I have a button in the first section under the headline, which is where I'd like to see this effect.

I am trying to figure out how to make a button like the ones in the top section of this site:  https://brightenmade.com.  It looks like text with an underline, but when you hover, the underline fills up the button vertically.  Anyone have any ideas about how to accomplish this with code?  I'm on 7.1.

Thank you!  This did the trick!  I knew it had to be a simple fix.  Thanks!

I'm sorry I thought I did when I posted.  It's https://www.floyette.com/contact

Hey there!

I'm trying to hide the "subject" field title on my client's contact form.  The field still needs to go to the subject line in the resulting email to my client, but we don't want the client to see the word "subject" there.

Any ideas on how to do this via CSS?  I've already successfully hidden the caption text on the First/Last Name and Phone...but can't seem to figure out how to hide that one title.  Seems like it should be simple.

Thanks!