Sub title alignment in image block (card)

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!

Hi. Your site is private. Can you setup password & share url? We can help easier

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.

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;
}

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

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?

2. (Tablet-Homepage) Align 3 buttons?

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

4. (Overlay Menu) Change logo color?