Jump to content

Stop title text from leaving the bounds of the a photo

Recommended Posts

Site URL: https://www.floodedandforgotten.com/stories-and-quotes

I am in 7.1, and have some photos that are in poster mode, with text overlaid. It looks fantastic in desktop mode, but once in mobile mode, the text ends up outside of the images, and everything begins to overlap. Any way to address this via CSS? I am really hoping so, because I like the appearance in desktop mode. 

 

Site: https://www.floodedandforgotten.com/stories-and-quotes

Password: F&f1234

Link to comment
  • Replies 3
  • Views 155
  • Created
  • Last Reply

Top Posters In This Topic

  • 3 weeks later...
On 6/26/2022 at 9:50 AM, tuanphan said:

Add to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
div#page-section-62b5e9ae8b24c8139a01499d .content-fill {
    padding-bottom: 170% !important;
}
}

Dear @tuanphan

I am having the problem the other way round. On the mobile homepage I would like to not overlap the image with text. The symbol R is not fully visible and it should be! Any way to address this via CSS?

Site URL: https://www.raquelmarquard.com/

Thank you. Best, Sibylle

 

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.