Jump to content

Code to lock images in place

By 4Gen, in Other

Go to solution Solved by tuanphan,

Recommended Posts

4Gen Level 2

4Gen

Posted
Posted

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.7k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan
tuanphan

Hi, Can you share link to page in screenshot?

Posted Images

  • Solution
tuanphan Level 18

tuanphan

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

@tuanphan Page - https://www.thekingscigar.com/the-kings-cigar-membership

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

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources