tuanphan

I'm not sure if this is the right place for this question, but contacting support didn't get me anywhere. I have a client who every time she logs into her site (the first time only, but every first time) she gets the attached message. She eventually gets it to work. Any thoughts? Thanks!

Hi @tuanphan

First of all, I love all your answers to people's questions, I often find things I need from old threads. Thank you.

One thing I am battling with is changing the font size of the Titles under the auto layout simple grid....  please can you tell me the code to make this smaller?

Thank you so much

Hi 😀

I am using this css code on a website to get a red line under the header, and it works great on desk top and tablet, but it doesn't appear on mobile (and I want it too). Can you help?

.Header {
border-bottom
  : 4px solid #BB0000 !important;
}

Do you know how to re-size the image that will display when a video wont load on mobile? 

I don't even understand how to find the tag to write any code for it.

Hi, 

Happen to know how I can code my mobile website header to fit like my desktop version?

Thank you in advanced 

Hello! I've seen you be so helpful to others in SS, and I thought I'd reach out directly. I'm a baby designer, DIY-er, and I've had my site for about 7 years! I'm on 7.1, and I just purchased Member Areas. I'm on a new page in the Member Areas section and I can't get a pdf to upload in a text block. As you can see the file shows it uploaded but when I save, and then return, DOWNLOAD pdf isn't clickable. I'm sure I'm doing something wrong, and would love some help. thanks in advance.

Hi there @tuanphan🙂 You helped me so much in the past, I was hoping you could help again? I have added a new grid gallery to my site, which shows 3 images across on desktop, but only 2 on mobile. Can you help me make it show all three images across on mobile too?

The link is https://snail-groundhog-6tzy.squarespace.com/link-in-bio and the password is jessbailey

Thank you!! 🙂 

@tuanphan Do you know of a script to bypass slug character limit? I need to use a 2 character word as a specific slug for a page and haven't found any way around.

Hi! I think you can help me? 

I need to manually add a little padding to the navigation menu on my site, but I want to keep my site Margin at 0. 

I can't for the life of me find the code to do this. 

https://viola-turquoise-f66n.squarespace.com/

the password to view is password 

Hey @tuanphan, I know you are the person to help me with this issue! The logo on navigation pages are only displaying on a refresh - any ideas why??

https://www.thewhitewaystudio.com/

Hi, was hoping you could help me. I used your code to give all the images on my site a rounded edge. Only thing I have not been able to apply this to are the thumbnails in the portfolio page grid (work) and the blog image thumbnails on the (news page)

Are you able to help me.

Site is: 

standout.studio

Thank you

Hi @tuanphan, I would like to know if there is any CSS that I can use redirect a button to a specific page only if the user is using the mobile version but not if it is using the desktop one.

In my website I like how the product are shown in the desktop version

www.involutaryicon.com/intarsio

but they are totally different in the mobile version.

I wish to create a different design for the same page that it is shown only in the mobile version. Like if I have 2 link applied at the same button one active when I'm in the desktop version and one active when I'm in the mobile version.

I don't know if it is clear....

Thank you

Francesca 

Tuanphan!! You seem like the expert to go to in our Squarespace Circle!!

How do I get this section of font to be centered on ONLY Mobile and Tablet (breakpoint 1024px) 

Your support would be greatly appreciated!

One more question. And thank you for your kindness! I am using 7.1 and I adjusted the dropdown spacing to accommodate a longer test. I want to increase the padding on the background to match the text. I figured the custom css would be padding-right, but I guess not. 🙂

Currently the code I am using for the dropdown menu is :

/* Change dropdown menu background */
.header-nav-folder-content {
   background: #d22730 !important;
}

.header-nav-folder-item {
    width: auto !important;
    white-space: nowrap;
}

I have 7.1 and I want to link to PayPal for a school to accept donations. So I don't necessarily want to process donations on Squarespace. My assumption is that I could link to PayPal using a button or whatnot, but I think that when linking to a specific PayPal account (X Elementary School) PayPal uses a token system that consistently changes, making the link unusable after a few minutes. Wix has a PayPal widget to solve this problem. So you don't have to set up a commerce account with Wix in order to set up PayPal (much like Soundcloud, Twitter, etc. on Squarespace). Any suggestions?

Hi!! We need to make a double top nav in squarespace 7.1, with social images.

We have gotten as far as putting some up and some down. Can you help?

Hi tuanphan, 

Wandered if there was a way to remove the 'posts in strole to the pole' text when in a blog pages with that as a category? 

I've used a link to the blogs with that as a category and the client doesn't like the text coming up? 

Thank you

website: www.michaelleonardifoundation.org

Hi!! For my Squarespace 7.1 website, I am trying to make the text End the stigma. End the shame. display on two lines rather than wrapping when viewed on mobile (especially on an older/smaller device like iphone 7--imaged attached).

I've tried to add CSS that isn't working. Can you please help?

Thanks in advance!

Cheers,
Naya

Helloooooo Beaver Hero!

I'm looking for CSS for the following font style. Would greatly appreciate the assist. THANK YOU.

• Heading 4
• Poppins
• Weight 300
• Style Normal
• Line Height 2em
• Letter Spacing .35em
• Text Transform None

Hi there, I'm not sure if this is how this works, but I am looking for help with the header of a website i am making. I would like the logo centred and the navigation split either side of it (im in 7.1), and I saw you had commented on a thread about this a while back but wasnt sure if you ever found a solution? 

PS sorry if i am using this wrong - this is my first time ever using the circle forum. 

Thanks so much in advance

Jade :) 

Hey Tuanphan, 

I'm trying to add a vertical line in between my navigation items on a 7.1 template. I tried the following code but doesn't work, probably because of the template change:

/* Add vertical links */
.site-navigation .nav-item {
   border-right: 1px solid #000 !important;
}
/* Hide vertical last item */
.site-navigation .nav-item:last-child {
   border-right: none !important;
}
/* Change spacing */
.site-navigation .nav-item span {
   padding-right: 10px;
} 

Can you please help me with one that works on a 7.1 template?

Any idea how to change the button text on hover in Squarespace? I want the button word "enter" to change to a different word when it is moused over - is this possible? Thank you!

Hi Tuanpan,

I have used your piece of code which worked great below to force 2 products per line on mobile ecommerce sites;

<style>
  @media screen and (max-width:767px) {
.products.collection-content-wrapper .list-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}
}
</style>

However I have some featured blocks on my website 'www.stauntonspharmacy.ie' and hence they are still appearing as a full image and not smaller as a result of your code above. 

Any assistance would be greatly appreciated. 

Hi Tuanphan, How do I target a specific poster block on my homepage?

I have coded some padding for the text but cant work out how to apply it just to that section.

www.ranchcreative.com/home

code:-

}

.sqs-block-image .design-layout-poster .image-title-wrapper {

    padding-right: 50%;