Jump to content

How to center descriptions in a gallery and minimize vertical logo padding

Recommended Posts

Posted

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

Under projects> Current Project (and Past Projects) my titles in the gallery are positioned to the left. I would love to center it and need some code to do so I believe. 

 

Also I would like to minimize the vertical padding on my header to where there is little to no gap above and below my logo. 

 

If you can help, I would greatly appreciate it! 

Thank you!

Screen Shot 2020-09-24 at 4.41.12 PM.png

Screen Shot 2020-09-24 at 4.41.35 PM.png

  • Replies 4
  • Views 432
  • Created
  • Last Reply
Posted

Add to Current Projects Page Settings > Advanced > Header

<style>
  figcaption.gallery-caption.gallery-caption-grid-simple {
    padding-top: 5px;
}
  .header-announcement-bar-wrapper {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
  .gallery-grid.gallery-grid--layout-grid {
    padding-top: 0;
}
</style>

 

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!)

Posted

thanks for the response! I was able to adjust the vertical padding in custom CSS! Is there any way to center the captions without without inputing it into the advanced>header area? I don't have the plan that lets me use the code injection. 

Posted
11 hours ago, neilaustin said:

thanks for the response! I was able to adjust the vertical padding in custom CSS! Is there any way to center the captions without without inputing it into the advanced>header area? I don't have the plan that lets me use the code injection. 

With Personal Plan, You can edit current page > Add Code Block > Paste above code

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!)

Posted
10 hours ago, tuanphan said:

With Personal Plan, You can edit current page > Add Code Block > Paste above code

okay, I see. But all I need to do is to center the titles or descriptions and leave the images where they are. Is there custom CSS for that? I don't want to add another block just to to add code to it.  Please see example photo. 

example.png

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.