Jump to content

7.0 Image/Block order on mobile

Go to solution Solved by tuanphan,

Recommended Posts

Posted (edited)

I have searched high and low for a bit of CSS that will help me force the image in the second section of this 7.0 index page (the cover for the Statistical Probability of Love at First Sight) above the text and button on mobile. I've tried several solutions already posted to this forum but am having trouble editing them properly to work on this site. 

And a followup q—I will also need to swap out the image and text on occasion, but will keep the formatting the same. Would this just be a matter of swapping out a block ID or something? 

Thank you in advance for any guidance!

Edited by LaurenWalters
Including URL
Posted

Have you tried this code:

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

  • Solution
Posted

Used this CSS

@media screen and (max-width: 640px) {
    section#home-section-2 .span-11>.row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 9 months later...
Posted
On 2/5/2024 at 11:16 PM, Dovely2023 said:

Hi @tuanphan, I've tried a few series of codes, and none of them have worked in trying to change the color of the body text on a 7.0 cover page from black to white. Can you take a look? Not sure what I'm doing wrong. Below is the URL and password. Thank you! https://www.meritsdesigngroup.com/new-cover-page-1 pw: DoveLove2024!

I see a slideshow only, which text are you referring to?

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.