Jump to content

How to get a title above an image in a Project page (York template)

Recommended Posts

Seems like there is only the standard to have the title and description placed below or next to an image in the Projects pages in the York template. I'm trying to get additional text boxes Or a work around for placement of Title and descriptions to be on top for one instance or in all. I've tried to make an image with copy above but the text obviously doesn't scale for mobile so it looks inconsistent. Please help! Is there some code that can be imputed in to the description box (don't see that as an option either) or some other solution?

Link to comment
  • Replies 17
  • Views 1.3k
  • Created
  • Last Reply

Your image didn't show up..... but I did find a solution for now...its not perfect, as it causes the spacing to shift a bit, but I created a single pixel image banner in order to create a title. Have to see how it looks in mobile etc but that might be my only solution if I'm unable to make other changes to the Project pages.

Link to comment

@kgoldsmith No need to upgrade. Just Personal Plan.

Add this CSS to Home > Design > Custom CSS


/* Title above image */
.project-slide.project-slide-has-description {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.project-slide-description-body.has-description-title.has-description-text {
    margin-bottom: 30px;
}

See how to insert CSS: https://beaverhero.com/squarespace-how-to/#HowtoInsertCustomCSS

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

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.