How to centrally align buttons on mobile

Site URL: https://www.mumfolk.com

Is there a way to centralise all buttons on mobile? So even if aligned left or right on desktop view, they are forced centrally aligned on mobile?

Wondered if there is a way to add code so that it applies to all buttons or do you have to target each button individually?

Thanks in advance for your help

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

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?

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?

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.

3 hours ago, tuanphan said:

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.

Thanks for the suggestion but this didn't work unfortunately

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.

• https://www.facebook.com/groups/squarespacecss/?ref=bookmarks
• https://www.facebook.com/groups/Squarespacecommunity/?ref=bookmarks

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

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.

Hi @tuanphan this code no longer works for 7.1. Can you please help!

Site: https://violet-impala-rgjr.squarespace.com/

password: celebrate101

On 5/5/2023 at 9:04 AM, elizablake said:

Hi @tuanphan this code no longer works for 7.1. Can you please help!

Site: https://violet-impala-rgjr.squarespace.com/

password: celebrate101

Which buttons are you referring to?

On 5/6/2023 at 5:42 PM, tuanphan said:

Which buttons are you referring to?

I'd like it to work for most buttons on mobile throughout the site, with a couple of exceptions. But I cannot get any to be centred.

On 5/8/2023 at 11:24 AM, elizablake said:

I'd like it to work for most buttons on mobile throughout the site, with a couple of exceptions. But I cannot get any to be centred.

You are using new editor, there is no CSS code to target all buttons. Each button you will need a different code.

Or if you use Business Plan/higher, we can try test JavaScript code to achieve this.