Jump to content

How to centrally align buttons on mobile

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.sqs-block-button * {
    text-align: center !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
1 hour ago, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:640px) {
.sqs-block-button * {
    text-align: center !important;
}
}

 

Thank you so much! This aligned all buttons centrally, brilliant!

Any ideas why some text shows as bold when it's not formatted as bold?

Thanks again, massive help

Link to comment
6 minutes ago, Mum-Folk said:

Thank you so much! This aligned all buttons centrally, brilliant!

Any ideas why some text shows as bold when it's not formatted as bold?

Thanks again, massive help

I checked page code, I found strong tag, I think you made text bold when edit text?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
1 hour ago, tuanphan said:

I checked page code, I found strong tag, I think you made text bold when edit text?

No I doubled checked. Body copy font is styled without bold and I didn't add it in css either. Only some of the body copy appears bold, whereas other body copy displays as it should! How do I get find/get rid of the strong tag?

Link to comment
12 hours ago, Mum-Folk said:

No I doubled checked. Body copy font is styled without bold and I didn't add it in css either. Only some of the body copy appears bold, whereas other body copy displays as it should! How do I get find/get rid of the strong tag?

You can copy all the text and paste it into facebook status, then copy and paste that text back into the Text Block. Thus the old format will be removed.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
1 hour ago, Mum-Folk said:

Thanks for the suggestion but this didn't work unfortunately

Seems difficult without checking admin dashboard.

You can wait for someone else, or post to some groups to find support.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 5 months later...
12 hours ago, MeganF said:

Hi there!

@tuanphan I used this code to center all buttons on mobile only; however, it didn't center the "Add to Cart" buttons for my products. Is there a way to center product buttons, as well?

Thanks in advance!
Megan

Can you share link to product? We can check easier.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.