cherylr

I am working here, but it's obviously not an issue that is specific to this particular website!
https://www.carolliebowitz.com/video

It's clear that youtube really does not want people to have the option to turn this "feature" off.

Thanks!

Thanks - 

There's a solution when the video is added in an iframe, but that's problematic with mobile. Still hoping someone has a current solution! 

Hi

I am trying to turn off the video recommendations that appear at the end of my embedded youtube videos. This used to be possible in youtube (I think) and I've found a few things on the web that suggest adding ?rel=0 at the end of video links or &rel=0 but neither seem to work with a direct link in a video block (it looks like they might work with an iframe embed, but that's problematic for other reasons)

Help?

perfect! thanks a million!
☕

Sure -

https://www.earlsplacegallery.org/events-new/event-one-ng9gf

Thanks!

I am trying to do this as well. And this code worked! But, there's a comma after the date. Any idea how to remove that as well?

On 2/14/2024 at 3:22 PM, Ziggy said:

.event-time-localized {
  display:none !important;
}

I realize that this original post is from quite awhile ago, but I am wondering if anyone has come up with a more elegant/less clunky solution for large file downloads (ie a zipped folder of audio files) other than google drive?

Or if there's a way to initiate an automatic download of a file stored in google drive instead of the user following a link  to a google drive page and then having to press the download button from there. 

Make sense?

On 2/13/2024 at 11:19 AM, paul2009 said:

@cherylr You can only specify a font family in CSS if the font file has already been loaded in Squarespace. If you haven't selected the font in Site Styles then it won't be loaded or available to use in CSS. When you selected this font as the site title, this caused Squarespace to load the Alex Brush font, allowing you to use it in CSS.

If you hadn't specified it in Site Styles, you would have needed to load it manually using:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alex+Brush:400" media="all">

I hope this helps to explain 🙂

Did this help? Please give feedback by clicking an icon below  ⬇️

Hmm, yes - I understand what you mean here, but the code I was using DID work just fine for other fonts that were NOT specified in Site Styles. 

In any case, my workaround actually did the trick and your stylesheet tip above seems like a good solution if this comes up again or if anyone else is running into this issue. 

This makes no sense, but I changed the site title font to Alex Brush (hidden behind a logo) and then my custom css worked.

Leaving this here in case it's helpful for someone else. 

Trying to change my H3 font. This should be simple, what am I missing?

h3 {
    font-family: Alex Brush !important; 
}

When I replace Alex Brush with other fonts, it works just fine. But I can't get this particular font to work. I've tried no capital letters, in single quotes, regular quotes, with a dash, etc. Do I need to write the font name differently?

Any ideas?

PW: dawn (this font is on the Biography page at the top.

Thanks!

I am also hoping to do something with this exact type of scrolling text. Wondering if anyone has any idea about how to accomplish this?

Thanks so much!

I'd like to do this (change header color and link color) without using code injection but instead by using the collection ID. (Because my client doesn't want to pay for more than the personal plan)

Can you help?

I can't seem to get it quite right. https://www.katienave.com/

(here's the page I want to change: https://www.katienave.com/voiceover

Thanks in advance

Thank you, tuanphan. I will check this out.

I ended up making two versions of each portfolio to get things to stack the way my client wanted. One gets hidden on mobile and one gets hidden on the desktop. It's a little clunky but it works.

Is there a way to get images (all images throughout the site) to stack by rows instead of columns?

I am working here:

https://www.wolheimstyle.com/drinks-new

I am working in classic layout mode instead of fluid engine. I know it's possible to re-arrange things using fluid engine, but there are so many images in each of her portfolios that it's totally unwieldy and complicated in fluid engine's mobile view.

Thanks! 

Thanks for your reply!

And oops sorry - here's the link: https://www.wolheimstyle.com/gallery-3-1

Hi

I am trying to get my images to open in a lightbox and show a caption ONLY in the lightbox, not on the page itself. I don't want this on every single page (or more specifically, I want it on every page but one)

I don't want the captions to show up as an overlay, the need to be under the image.

The way my client would like this site to be set up, I think I need to add each image separately rather than in a gallery.

Help? Or maybe there's an alternate way to handle this?

Chatgpt gave me this code. It does't work. 

//*Captions in lightbox only*//

/* Hide the image caption by default on the specific page */
body#collection-647a289a33be0f429a2b0700 .sqs-lightbox-meta {
    display: none;
}

/* Show the image caption when the image is opened in a lightbox on the specific page */
body#collection-647a289a33be0f429a2b0700 .sqs-lightbox-slide .sqs-lightbox-meta {
    display: block;
}

Ah, I adjusted the code above and figured it out.

If any one else needs it:

/*line above and below nav bar*/
.header-layout-branding-center-nav-center .header-title-nav-wrapper {
    flex: 100% !important;
    flex-direction: column;
    width: 100% !important;
}
.header-display-desktop {
    flex-direction: column;
}
.tweak-fixed-header .header .header-announcement-bar-wrapper {
    padding-left: 0;
    padding-right: 0;
}
.header-nav {
    width: 90%;
    border-top: .8px solid #c5c3c3;
    padding-top: 15px;
}
.header-nav {
    width: 90%;
    border-bottom: .8px solid #c5c3c3;
    padding-bottom: 15px;
}

ok, I found this, and this will more or less work, but now I also need one of the same size underneath.

Similar to this question, but a little different. I am trying to get a border around the top and bottom of the nav items ONLY, not the whole header. I'd also like to JUST go over the menu text, and NOT be the full width of the screen.

My client wants to recreate this: https://flowinghealth.org/

Working here: https://oval-collie-bss2.squarespace.com/

PW flowing

Thank you! I didn't see your reply until just now. Your help is greatly appreciated!

On 6/13/2022 at 4:28 AM, tuanphan said:

Add this CSS

nav.header-menu-nav-list .header-menu-nav-item * {
    background-image: none !important;
    text-decoration: none !important;
    border: none !important;
}

 

Hey when I add this code, it gets rid of the underline but also the dropdown arrow any idea how to remove JUST the underline and not the arrow?

perfect! thanks so much!

Site URL: https://www.mahakalaradio.org/awareness-through-movement-lessons

I'd like a lot less padding around my add to block button, here: 

https://www.mahakalaradio.org/awareness-through-movement-lessons

(not within the button itself, but the space around it)

Help?

thanks, it didn't work.

Site URL: https://hibiscus-crane-ch9x.squarespace.com/

site PW = loomis

I know there are posts about this, but they are older and also seem inconclusive.

My links are showing up as underlined on mobile.

I've added both of these and moved them to the top of my CSS

Specifically, you'll see them here:

https://hibiscus-crane-ch9x.squarespace.com/projects


 

  a {
text-decoration: none !important;
}
  a {
    border: none !important;
    background-image: none !important;
}