Jump to content

Uneven line highlighting in "Image Block: Card" blocks

Recommended Posts

Posted

When I use the "Image Block: Card" design, with text next to an image, for some reason the desktop version has the first line of text appear justified further to the left than all the lines below it.  Is there a way to make all the lines even? (On mobile it seems to have all the lines of text aligned). Thanks for any help! 

Screenshot 2023-11-01 at 6.21.54 PM.png

Posted
On 11/4/2023 at 8:14 PM, walevitt said:

@tuanphan here's the link: https://www.squareonepolitics.org/ thanks for your help! 

You can add this code to Website > Website Tools (under Not Linked) > Custom CSS

div#page-5c7d7ba2fa0d6061f8db8821 .sqs-block-image .design-layout-card .image-title p {
    box-shadow: unset;
}

image.png.08ada4be17ab1089638ccebd9a036500.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!)

Posted

@tuanphan Thank you! That worked for that block of images, but it didn't solve it for other blocks of images with text highlighted on that same page (see screenshot below, or scroll all the way down here). 

 

Is there a way to apply that CSS to all image blocks of that type? 

Screenshot 2023-11-07 at 4.19.13 PM.png

Posted
Quote

Is there a way to apply that CSS to all image blocks of that type? 

Remove the div#page-5c7d7ba2fa0d6061f8db8821 at the beginning of @tuanphan's supplied code and that will make the effect site-wide.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.