Jump to content

How to lock an image block in a text block

Go to solution Solved by tuanphan,

Recommended Posts

Posted

Hi! I have an image block (signature) inserted into a text block on this page https://www.odepar.com/. 
It works fine on mobile and desktop, but when testing on other resolutions, the image is randomly repositioned on the page. Is there a way to use CSS (or some other way) to lock the position of the image to keep the same layout? 

Thanks in advance for your help! 

  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
Posted

You can use this code to Website > Website Tools > Custom CSS

div#block-55e87f66b5f57420ac52:after {
    content: "";
    background-image: url(https://images.squarespace-cdn.com/content/v1/5fef9103e1367528108f3716/2671be9c-b111-4f27-a8c1-1ade3985eac3/signature+%285%29.png?format=300w);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 250px;
    height: 70px;
}

 

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.