Mum-Folk

4 minutes ago, tuanphan said:

You can add Line Block, then when you're done text, you can remove later.

Your text is in 2 different rows, so when you stack on mobile, you'll see the order is incorrect. Add a Line Block, just so you can put all the text in one row, you can delete it after you've finished the text

But I want the information to stack in columns left to right - so subheader, text , button (left column), subheader, corresponding text ( middle column), subheader, corresponding text ( right column) - not sure how the above helps me do this?

11 minutes ago, tuanphan said:

This does not need custom code. Try below, if you do not understand what I say, I will find an article on the Squarespace Support page (otherwise I will make a short guide)

When you type the first 3 texts: The process, planning + design, delivrables.

Insert a Line Block under.

Then insert the next text, so that they are above the Line

--

thanks so much for the speedy reply tuanphan! I'm not sure I understand sorry - I would prefer not to have a line divider under the subheaders if possible? Do you have a link or any more info on how to do this? Thanks again, you've been such a massive help!

On 11/25/2019 at 4:03 PM, tuanphan said:

Difficult!

try adding this code to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#page-5dcd77fca638e247e615eda1>.row:last-child .col>.row:nth-child(2) {
    flex-direction: column-reverse;
    display: flex;
}
}

 

Hey Tuanphan not sure if this thread is still active but you seem to be the man when it comes to re-ordering blocks on mobile!

I'm trying to change the order of how sub-headers and body copy appears on mobile on the 'website design package' page (ironically!). How do I switch the order to it appears in the right sequence? 

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

I'm having a similar problem - code block adds way too much padding below the content. Is there a CSS workaround? I tried the above and no luck

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?

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

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