Jump to content

Sub title alignment in image block (card)

Recommended Posts

Site URL: https://octahedron-potato-km2l.squarespace.com/client-experience

Hi, Squarespace support has told me (well one of them told me - the first person said I'd copied formatting from Word or something which isn't the case) that it isn't possible using the Site Styles to format the sub title of a card image block so it's left aligned but that it would be possible using CSS. I don't really know any CSS but I've had a go and came up with this but it doesn't seem to work :-(

.design-layout-card .image-subtitle {text-align: left;}

Would be very grateful if anyone could advise what I'm doing wrong!

Link to comment
  • Replies 5
  • Views 670
  • Created
  • Last Reply
  • 2 weeks later...

Thanks for your reply and sorry for delayed response - I was on holiday.

The site is live now and this is the URL: https://www.cariance.com/client-experience.

We've actually shortened the problematic text so it's on one line in the live site to sidestep the problem, although we would like to actually solve the problem so we aren't restricted with the content.  I've just added back in some extra words of text to take a screengrab to demonstrate the issue.

image.png.e88798e9c8afdb59e87e8c945358fa9e.png

Link to comment
On 5/5/2021 at 11:40 PM, SKT said:

Thanks for your reply and sorry for delayed response - I was on holiday.

The site is live now and this is the URL: https://www.cariance.com/client-experience.

We've actually shortened the problematic text so it's on one line in the live site to sidestep the problem, although we would like to actually solve the problem so we aren't restricted with the content.  I've just added back in some extra words of text to take a screengrab to demonstrate the issue.

 

Change to 2 lines text & add this to Design > Custom CSS

/* fix sub title */
div#block-ce455e3ff7cd832eff65 p.sqsrte-large {
    text-align: left !important;
}

image.thumb.png.d7d4e85d1380d033c3cddf2d094e4ed7.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
On 5/8/2021 at 3:54 PM, SKT said:

Thank you so much, this worked perfectly! I really appreciate you taking to help

Do you need fix these issues?

Site URL – https://www.cariance.com/

1. (Tablet-Footer) Make London/email same line?

cariance.com-01-min.png

2. (Tablet-Homepage) Align 3 buttons?

cariance.com-02-min.png

3. (Tablet-Homepage) Increase text width a bit?

cariance.com-03-min-229x300.png

4. (Overlay Menu) Change logo color?

cariance.com-04-min.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

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.