Jump to content

Code to lock images in place

Go to solution Solved by tuanphan,

Recommended Posts

Hey, friends! I've got a page with a couple images next to an accordion style information block. When you open up one of the accordion FAQ's and the info drops down, the images expand and move down the page with the text. I really don't like the way that looks and would like to add a custom code somehow that keeps those images in place so they don't move with the text. I've added a couple images to try and show what I'm talking about. Any help at all would be great appreciated. Thanks!

Screenshot 2023-10-25 at 11.04.54 AM.png

Screenshot 2023-10-25 at 11.05.06 AM.png

Screenshot 2023-10-25 at 11.05.22 AM.png

Link to comment
  • Replies 4
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
On 10/27/2023 at 10:33 PM, 4Gen said:

Try adding this code to Website Tools (under Not Linked) > Custom CSS

/* Fix image next to accordion */
@media screen and (min-width:992px) {
div#block-yui_3_17_2_1_1698192694970_8307 img {
    height: 400px !important;


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!)

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.