Jump to content

Different text alignments in image blocks

Recommended Posts

  • Replies 4
  • Views 381
  • Created
  • Last Reply
On 4/13/2021 at 4:44 PM, deniselibelle said:

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

Hello, 

Are there any options to align the text in an image block differently depending on the image block or the page? 

I would like to have the following text alignments:

/about (right; Alternative: align to picture)

home: (middle)

/visuals (middle)

/workwithme (align to picture but right AND left)

Thank you!

Hi. "Middle" you mean this?

image.thumb.png.65136f9d81a822591609fcf8a6db0693.png

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
11 hours ago, deniselibelle said:

Yes this is what I mean 🙂 But like I mentioned above I like to have differently for each page:

 

/about (right; Alternative: align to picture)

home: (middle)

/visuals (middle)

/workwithme (align to picture but right AND left)

Add to Design > Custom CSS

/* About right */
div#block-4aa23e0955cf0346b29e figcaption.image-card-wrapper {
    justify-content: flex-end !important;
    align-items: flex-end !important;
    text-align: right;
}
/* Visuals middel */
div#block-0acfc8ba8cfc66e9db8f figcaption {
    text-align: center;
}
/* work with me left */
div#block-6947208b587300bfa671 figcaption * {
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

 

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.