Jump to content

Formatting images

Recommended Posts

Site URL: https://lynx-guppy-pnfz.squarespace.com/

I am testing some image formatting options for my website https://lynx-guppy-pnfz.squarespace.com/

Login: tester123

1. When using image blocks with an overlap format is it possible to have the text always display below the image. I have several images in a row yet the text does not display below the image (images are all same size and ratio)

2. Can one format the subtitle text to include a bullet list.

3. For a gallery can one add a border around each item in the gallery?

Thank you!

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

1. Yes. Add to Page Settings > Advanced > Header

<style>
  .sqs-block-image .design-layout-overlap.sqs-narrow-width .image-title {
  	margin-top: 0 !important;
  }
</style>

2. Add to Page Settings > Advanced > Header

<style>
  .image-subtitle.sqs-dynamic-text p {
    display: list-item;
}
</style>

3. Add to Page Settings > Advanced > header

<style>
  .sqs-gallery .slide {
    border: 1px solid black;
}
</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!)

Link to comment

Thank you! I have one more question - is it possible on an image block with collage to decrease the size of the text block so that the image itself takes more space ? What parameters can I play with to increase the image size.

Can I move the text to different positions as well?

I updated the page above with the example. Thanks!

Link to comment
  • 4 weeks later...
On 4/15/2020 at 8:17 AM, MM1 said:

Thank you! I have one more question - is it possible on an image block with collage to decrease the size of the text block so that the image itself takes more space ? What parameters can I play with to increase the image size.

Can I move the text to different positions as well?

I updated the page above with the example. Thanks!

Missing your comment. Have you solved yet?

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.