Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Poster image description to be underneath button


Question

  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

4 answers to this question

Recommended Posts

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

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
Posted (edited)
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%;
    }
  }
}

 

Edited by Andrew_Metallinos
Link to comment
  • 0

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...