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

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

Question

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?

Edited by kgoldsmith
Initial Revision

Share this post


Link to post

17 answers to this question

Recommended Posts

  • 0

@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


COVID-19: Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0

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.

Share this post


Link to post
  • 0

@tuanphan essentially yes. Seems like I would have to buy a business account to handle adjusting the code to handle that unless you see other options in the template?

Share this post


Link to post
  • 0

@tuanphan yes essentially that is what I am trying to accomplish. Did you have to do that with code or through an option on the template? It seems like I'm unable to adjust code without upgrading to a business membership.

Share this post


Link to post
  • 0

@tuanphan hmmm now any 'Results' copy is centering verses left aligning like the other copy 'Content: Activating Influencers. Is that part of the CSS? Any way to make it consistent?

Edited by kgoldsmith
Initial Revision

Share this post


Link to post
  • 0

@kgoldsmith Add to Home > Design > Custom CSS


.project-slide-description-wrapper {
   margin: initial;
}

if it doesn't work, use: margin: initial !important;


COVID-19: Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0

@kgoldsmith You're welcome.

If you have other problems, just click new "ASK A QUESTION"You can also tag me, but I only support Custom Code questions.

Have you a great week!


COVID-19: Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...