ItsOK

Same problem here. I solved my own issue by upgrading to the latest software (iOS/iPadOS 17) but we can't assume that everybody will upgrade. This has to be addressed by Squarespace.

17 hours ago, Beyondspace said:

I think we need to use some javascript to get the current language you are in and set the appropriate style on it.

Are you in business plan or above one?

Thank you for your reply, @Beyondspace. Yes, this one has Business Plan.

Hi Friends!

I've just started using Weglot integration for easy translation of a website for a client (www.salvadorcarrasco.me), and so far, it worked like a charm!

Except for one little thing...

I was wondering if there is a way to hide the active language in the language selector menu. When you're viewing the default English version and click the language selector on the menu, you still see English even though that's already the active language of the website. I would like to only show Spanish on the English version, and English on the Spanish version.

(I saw one message related to the subject but the shared code didn't work for me.)

Thanks in advance for your time!

All the best,
Ozan

7 hours ago, tuanphan said:

Add to Design > Custom CSS

.sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta-inside {
    background-color: rgba(0,0,0,0.4);
    padding-left: 3vw;
    padding-right: 3vw;
}
.sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta-inside * {
    font-size: 22px;
}

 

I don't know what I would do without your generous support @tuanphan. Thank you so much for what you've been doing for this community.

Hello Friends,

On this page (https://goldfish-radish-4xds.squarespace.com/the-other-conquest -- Password: 2023), in the slide show under 'Images with Comments' title, I'm hoping to customize the overlay text formatting so that it's more legible.

I would like to add some padding from each side, make the type slightly larger, and if possible, add a color overlay with 40-50% opacity at the background (to be shown when hovering the mouse over).

Is this possible?
Thank you so much in advance!

Ozan

This has to be solved!

Hi Guys!

I think I've solved this issue.

In Photoshop;

— Open your image
— Go to Edit / Convert to Profile
— Under Destination Space, select 'sRGB IEC61966-2.1'
— Click OK
— Save your file (preferably as a PNG)
— Place it in your Squarespace website

This solved the exact same problem I was having. Hope it will fix yours as well.

Cheers.

9 hours ago, tuanphan said:

The font file url doesn't exist, you missing some character,

use this new code

@font-face {
    font-family: recoleta;
    src: url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/621868273c467a110cabb503/1645766695960/Recoleta.otf);
    src: url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/6218680e18186052011c2e48/1645766670359/recoleta-webfont.woff),url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/6218681490eb882e0741681e/1645766676725/recoleta-webfont.woff2);
}

h1 {
    font-family: recoleta !important;
}

 

You are the best @tuanphan. Really appreciate your help. Thank you.

Site URL: https://rust-soybean-ynmj.squarespace.com/

Hello Friends!

I have a quick question.

To this site [ https://rust-soybean-ynmj.squarespace.com/ (Password: bob) ], I added a custom font and it worked flawlessly on Chrome, but it doesn't show on Safari for some reason. Would anyone have an idea why that happens?

Thank you in advance!

Ozan

(P.S.: The font I installed is the demo version, and I just wanted to mention that I will purchase the proper license if I can make it work on Squarespace and the client approves it.)

23 hours ago, hlzcp said:

anyone able to help? Would be much appreciated! 

 

@ItsOK did you find an answer to your 4th problem?

• And (probably the most difficult one) put a standard to the hover windows. Now, one event opens an overlay that fills two boxes, while the other one fills four. Looks completely random and doesn't make any sense to me. (Please see the images attached)

 

Unfortunately, I couldn't.

Hi!

My name is Ozan Karakoc. I'm a Los Angeles based graphic designer who has 20+ years of experience. My specialty is branding, and I have been working with a wide variety of clients from big players like Google, Toyota, Fox Sports, Pepsi, Sony Pictures, FX, etc., to visionary start-ups and small businesses.

I use Squarespace for both my personal websites and client websites.

In this new group, we may want to discuss why we choose Squarespace to design our portfolios, in what ways Squarespace is better than Webflow, Semplice, Adobe Portfolio and other similar platforms, and how Squarespace should get inspired from some great features those competitors offer.

I really love Squarespace, but I think there are so many small things it can easily take from others to become the absolute best in the field. Maybe we can talk about those in this group.

I wish all fellow designers a successful career, and best of luck.

Sincerely,
Ozan

This is great! Thanks a lot  @tuanphan!

For others who might benefit from this thread, I've also found this code which allows to change the background color of that overlay:

.header-menu-bg {background: #0e0e0e !important;}

Site URL: http://www.ozankarakoc.com

Hello Friends!

(My website is at www.ozankarakoc.com and I'm in the Business Plan.)

Thanks to an earlier post, I achieved to force the hamburger menu to show up on desktop, but I couldn't find a way to format the overlay that opens when clicking the hamburger menu icon. 

The font size is too big that, when I place all my menu items, a scroll bar shows up, which looks unprofessional.

Is there a way to make the font smaller or reduce the line spacing so that all the navigation items fit in the overlay?

Thanks in advance!

Ozan

9 hours ago, tuanphan said:

• Change the background color of the boxes (days). Now, it's too subtle that on some screens it's almost impossible to understand the tone difference.
   
• Change the event date tag color (now white)
   
• Make the font size of the days larger
   
• And (probably the most difficult one) put a standard to the hover windows. Now, one event opens an overlay that fills two boxes, while the other one fills four. Looks completely random and doesn't make any sense to me. (Please see the images attached)

Add to Home > Design > Custom CSS

/* day color background */
.yui3-squarespacecalendar .background+.marker {
    background: green !important;
}
.yui3-squarespacecalendar .background+.marker * {
    color: white !important;
	font-size: 30px !important;
}

 

Thank you so much dear tuanphan.

Should I assume that it's not technically possible to change the font size for all of the days (even the ones without events) in the calendar, the color of the boxes of all days, and standardize the size and position of the overlays?

1 hour ago, tuanphan said:

I don't see Calendar in above link. Can you share link to exact page?

It's there actually, if you scroll down a bit.

Site URL: https://goby-icosahedron-jc2m.squarespace.com/events

Hi Folks,

I have a few questions about the calendar customization in 7.1.

Here is the page I'd like to display my calendar:
https://goby-icosahedron-jc2m.squarespace.com/events
(password: circle)

I'd like to be able to:

• Change the background color of the boxes (days). Now, it's too subtle that on some screens it's almost impossible to understand the tone difference.
   
• Change the event date tag color (now white)
   
• Make the font size of the days larger
   
• And (probably the most difficult one) put a standard to the hover windows. Now, one event opens an overlay that fills two boxes, while the other one fills four. Looks completely random and doesn't make any sense to me. (Please see the images attached)

Thank you so much in advance for your help.

Best,
Ozan