Jump to content

How do I include an image inside a text block background

Recommended Posts

  • Replies 4
  • Views 217
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Since you're using the Fluid Engine editor, you can add an image block and place it behind the text block. Make sure to set the image to fill the block, and change the order to behind the text block.

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

You can place and extend the image behind the buttons as well as behind the text block. Can you try this on your website (maybe on a duplicate page to test) so that I can see what you're trying to achieve? and share the page URL?

On a separate note, you may need to adjust the code you're using on the buttons, the hover fill is the wrong size and shape.

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Hi Ziggy,

Thanks for your help.

Please ignore my first post in this thread, I have abandoned that idea.

I am trying to make the buttons wrap inside the same background as the text. At the moment, I have dragged the buttons inside the text box. But I would prefer if the buttons were coded inside the same background as the text, with 6% padding. The buttons I would like positioned bottom right.

Cheers,

Dan

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.