Jump to content

make image block bleed to top edge of section

Recommended Posts

Posted (edited)

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

Hi Squarespace!

The 1st attachment shows what I've got right now, with the happy face sitting in the middle of the section. The 2nd attachment is how I would like it to be, with the happy face bleeding to the top edge of the section. Sure hoping somebody can share some code for making that happen 🤞🙏😃

2022-04-09_23-19-07.png

2022-04-09_23-18-22.png

Edited by juliaprather
  • juliaprather changed the title to make image block bleed to top edge of section
Posted
1 hour ago, tuanphan said:

Add to Design > Custom CSS

/* Borrow Happy */
[data-section-id="6252222289108a6ccd68bea4"] div[class*="content"], [data-section-id="6252222289108a6ccd68bea4"] .image-block {
    padding-top: 0px !important;
}

 

HOORAY! Got much closer. Do you know why there's still a little gap? THANKS, TUAN.

2022-04-11_1-15-39.png

Posted
6 hours ago, Web_Solutions said:

Replace the current image with this attached image

borrow+happy+white+face+half.png

Well would you look at thatthat's the 2nd time you've bailed me out this weekend! All the thank yous! Thank you, too @tuanphan! You guys are the best.

Posted (edited)

Just add these code on Custom CSS section 

#page [data-section-id="6252222289108a6ccd68bea4"]{
  @media(max-width:767px) {
    .sqs-block.image-block.sqs-block-image{
	  padding-top: 0 !important;
    }
  }
}

 

Edited by Web_Solutions

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

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.