Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
laurenjaynehughes

Image next to text - full bleed 7.1

Question

11 answers to this question

Recommended Posts

  • 0

Step 1. Add Blank Section

Step 2. Add Background Image

Step 3. Add 2 Columns

left: Text Block

right: Spacer Block

Step 4. Use CSS Float to push image to right, & reduce image to 50%

Step 5. Use CSS to rever image size to 100% on mobile.

Can you  do steps 1,2,3 then share link? I can take a look


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0
5 hours ago, laurenjaynehughes said:

Hey @tuanphan I added up to step 3 like you mentioned, it's located under the email sign up.

lettuce-beagle-ds22.squarespace.com and the password is Whitefern2020

Thanks!

 

5 hours ago, monicahardy said:

@tuanphan what is css float?

 

where email signup?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

Sorry, it's the section on the page with this copy on the left

"WHITE FERN WEDDINGS: Our bespoke wedding styling ensures the most important day of your life looks exactly how you imagined it would, so you can relax and enjoy every moment of your perfect day."

Thanks!

Share this post


Link to post
  • 0
7 minutes ago, laurenjaynehughes said:

Sorry, it's the section on the page with this copy on the left

"WHITE FERN WEDDINGS: Our bespoke wedding styling ensures the most important day of your life looks exactly how you imagined it would, so you can relax and enjoy every moment of your perfect day."

Thanks!

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) {
[data-section-id="5ebb4ca25111036cfc859fed"] .section-background {
    width: 50%;
    left: 50%;
}
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

Thanks! So if I wanted the color background to be behind the copy and an actual photo to be on the right, how would I do that? And right now when it goes to mobile it's just one section? Thank you so much!

Share this post


Link to post
  • 0
3 minutes ago, laurenjaynehughes said:

Thanks! So if I wanted the color background to be behind the copy and an actual photo to be on the right, how would I do that? And right now when it goes to mobile it's just one section? Thank you so much!

Add image to section background.

& set  section background color


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...