Jump to content

Image Card Text Alignment on Blogs

Recommended Posts

  • Replies 7
  • Views 222
  • Created
  • Last Reply

Top Posters In This Topic

20 hours ago, Sjeanjaquet said:

I'm having text alignment issues within my blog. There is no place to edit this in the text settings and I need to be able to either right align or left align the text. Has any one experienced this? Is there CSS I can use to target this? 

 

Site: https://emu-oval-c6bn.squarespace.com/blog/my-journey-through-the-coors-western-art-young-guns-rhinestone-rodeo-l4rkf

Password: Sanctuary

 image.thumb.png.963a6aa23bc19bbde0048f953a65caf5.png

wrong password, can you check it again?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Can you share the direct link to the element in your image above? I can not find it

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 6/6/2024 at 11:51 AM, Sjeanjaquet said:

I'm having text alignment issues within my blog. There is no place to edit this in the text settings and I need to be able to either right align or left align the text. Has any one experienced this? Is there CSS I can use to target this? 

 

Site: https://emu-oval-c6bn.squarespace.com/blog/my-journey-through-the-coors-western-art-young-guns-rhinestone-rodeo-l4rkf

Password: Sanctuary

 image.thumb.png.963a6aa23bc19bbde0048f953a65caf5.png

Hi @Sjeanjaquet, from inspecting the site, it looks like within the image block itself you should be able to set if you want the text to be left or right aligned. Can you click in to highlight that paragraph, and see if it give syou that option?

Link to comment
On 6/12/2024 at 5:59 AM, Sjeanjaquet said:

@Beyondspace thank you so much for responding. Here is the link for your viewing. 

I still can not find the link to check. Have you added it yet?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Oh I can see now, take a missing content from your initial post.

You can target this text with the following CSS code

#block-73ff77d40d5dd184a55a.sqs-block-image .design-layout-card .image-card-wrapper .image-subtitle p {
  text-align: left:
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Create an account or sign in to comment

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

×
×
  • 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.