Jump to content

Portfolio Grid: Overlay, Text Placement customization: Is there a way to align text to the bottom right?

Recommended Posts

Hello everyone! I'm new to Squarespace and have a basic understanding of HTML and CSS. I'm trying to customize the placement of the hover text on the thumbnails of my portfolio page, which is set to "Grid: Overlay".

The options that Squarespace offers are either centered or left-aligned. I want to make the text align to the bottom right corner of the thumbnails and, ideally, with a smaller padding than the default settings. (Please see my attached image for a more straightforward explanation.)

Is there any way to achieve this through custom CSS? I would really appreciate it if someone could give me some clues. Thank you in advance!

Screenshot 2024-04-11 at 19.14.49.png

Link to comment
11 hours ago, azotejr said:

Hello everyone! I'm new to Squarespace and have a basic understanding of HTML and CSS. I'm trying to customize the placement of the hover text on the thumbnails of my portfolio page, which is set to "Grid: Overlay".

The options that Squarespace offers are either centered or left-aligned. I want to make the text align to the bottom right corner of the thumbnails and, ideally, with a smaller padding than the default settings. (Please see my attached image for a more straightforward explanation.)

Is there any way to achieve this through custom CSS? I would really appreciate it if someone could give me some clues. Thank you in advance!

Screenshot 2024-04-11 at 19.14.49.png

Can you share your URL so I can check it more easily?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
12 hours ago, Beyondspace said:

Can you share your URL so I can check it more easily?

Hello! Thank you so much for your reply. Unfortunately, this isn't my own website, and I'm at no liberty to share it at the moment. But this is just the "Grid: Overlay" option of portfolio pages with no custom code. If you could still offer some help I would really appreciate it. Thanks!

Link to comment
On 4/13/2024 at 1:55 AM, azotejr said:

Hello! Thank you so much for your reply. Unfortunately, this isn't my own website, and I'm at no liberty to share it at the moment. But this is just the "Grid: Overlay" option of portfolio pages with no custom code. If you could still offer some help I would really appreciate it. Thanks!

You can setup a quick site with same layout then share url, we can help easier

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 4/16/2024 at 8:20 AM, tuanphan said:

You can setup a quick site with same layout then share url, we can help easier

Hi! Thank you so much, but I don't need assistance on this issue anymore. However, I'd like to thank you for your contribution to the community, as I've seen your replies to many other threads that have been helpful to me. :))) Have a good day!

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.