caravaggio

On 6/13/2021 at 11:17 AM, tuanphan said:

Do you need fix these?

Site URL – https://megalodon-leopard-hb9r.squarespace.com/

1. (Mobile-Promotional popup) Center title?

2. (Tablet-Overlay) Align socials/button/menu?

3. (Tablet-Contact) Stacked map/text?

4. (Mobile-Projects) Page looks long. Want to add a back to top button?

Yes! If you could help me with those that would be amazing!

Thanks so much @tuanphan 🥰

Thanks @tuanphan 😊 I will give it a go.

I am experiencing this issue since 4/27 as well. Would like to know if there is a fix for this on our end?

Site URL: http://megalodon-leopard-hb9r.squarespace.com/

Hello all.

My site contains Chinese characters and I've encountered an issue with the font Noto Serif, selected from Squarespace.

On desktop, the font is rendered correctly as serif for Chinese characters. But on mobile, it shows up as sans serif. The difference here is confuses me. I am wondering if there's a way to assign a fallback font, or a code to force it to fallback to any serif font for mobile viewing? 

I have tried importing/embedding a Chinese font (Noto Serif TC) from Google Fonts, but it isn't cost-effective in terms of file size and severely impacts my website's loading speed.

Thanks in advance!

4 minutes ago, tuanphan said:

Thank. Now you want, this page, change

• background color to black
• text color to white
• pagination title to white

is this right?

• background colour: black
• text color: white
• navigation bar: black
• navigation text: white
• footer background: white
• footer text: black

Bascially the opposite of the current colour theme.
I have a dark theme going so I'm wondering if I could just apply that theme?

On 8/12/2020 at 10:09 PM, derricksrandomviews said:

I have played around with this myself and so far found that if I hide the controls then you can't get anywhere but forward by clicking. So with that discovery I decided to change the look with code. This code is adjustable so if you wish to try it here it is. It goes into custom css you can change the color, the size of the arrows,  and make the background round if you wish, notice the radius control. 

.sqs-gallery-block-slideshow .sqs-gallery-controls .next,
.sqs-gallery-block-slideshow .sqs-gallery-controls .previous {
  background: none; /*removes the original background behind the arrows*/
}
.sqs-gallery-block-slideshow .sqs-gallery-controls .next::before,
.sqs-gallery-block-slideshow .sqs-gallery-controls .previous::before {
  background: white;
  color: black;
  font-size: 1.5em; /*this changes the size of the arrows*/
  padding: 10px;
  border-radius: 30%; /*remove this is you don't want the background rounded*/
}

Thank you! This is extremely helpful!

By the way, is there a way to position the arrows outside (or nearly) the block so that it doesn't overlay the images? 

8 minutes ago, tuanphan said:

can you share link to blog with dark background image?

I've created a test page:
https://megalodon-leopard-hb9r.squarespace.com/testblog/test

password: thankyou

On 5/21/2021 at 7:28 PM, tuanphan said:

Hi. Possibile with custom CSS. Can you share link to a post? We can help easier

https://megalodon-leopard-hb9r.squarespace.com/suspension/crown-major

Hi @tuanphan, here's the link to one of the blog posts.

At the moment I have a packshot image with a white background, which works fine with the current colour theme.

But I have some other images that has a dark/black background, so I need to be able to change the colour theme of an individual blog post.

Thank you in advance!

Hi all. I am wondering if I could apply a different colour theme to one individual blog post without changing the colour theme to all the blogs? Can this be done through a code block or custom CSS? Thank you.