Jump to content

Poster image description to be underneath button

Recommended Posts

  • MetallinosTech changed the title to Poster description to be underneath button
  • Replies 4
  • Views 433
  • Created
  • Last Reply
On 6/8/2021 at 4:31 PM, Andrew_Metallinos said:

Site URL: https://maisonbypatrice.squarespace.com/

Hi there!

I am trying to swap out the two buttons on the homepage so they appear on top the image poster description rather than underneath.

Any help would be greatly appreciated!

Website: https://maisonbypatrice.squarespace.com/
Password: Maison

Hi. Where is poster?

image.thumb.png.2b508736f57fcc036d183bf207775ac8.png

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
On 6/10/2021 at 12:14 AM, tuanphan said:

Hi. Where is poster?

image.thumb.png.2b508736f57fcc036d183bf207775ac8.png

Hi tuanphan, on the homepage - those two image blocks are posters that I've made to take up the full screen. After some some more research I landed on the below code to made the button (changed to be logos) above the description so I'm all good now, thank you!

.design-layout-poster .image-button-wrapper {
    margin-top: -47%;
  }
  @media screen and (max-width: 640px) {
    .design-layout-poster .image-button-wrapper {
      margin-top: -85%;
    }
  }
}

 

Link to comment
  • MetallinosTech changed the title to Poster image description to be underneath button
1 hour ago, tuanphan said:

I see this problem. Do you need fix?

Site URL – https://maisonbypatrice.squarespace.com/

1. (Tablet-Homepage)

maisonbypatrice.squarespace.com-01-min.p

2. (Tablet-Maison by Patrice) Increase content width?

maisonbypatrice.squarespace.com-02-min.p

As previously mentioned I was able to use some code to move the button (now a logo) to be above the text but depending on the device it may or may not work. Do you have a better fix that fixes the button/logo so it always stays above the text?

As for the menus - the client wants it to be small so users click on the image to view it in full screen. 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.