Jump to content

Move Text overlapping Image (Mobile Only)

Recommended Posts

  • Replies 6
  • Views 1.6k
  • Created
  • Last Reply
  • 1 month later...
On 1/23/2021 at 1:40 PM, tuanphan said:

@media screen and (max-width:640px) { div#block-yui_3_17_2_6_1518136115139_5043 figcaption { margin-top: 1px; } }

hi @tuanphan I used this code and changing the #block-yoi number it worked but just in one card but when i try to copy and do the same with the other cards nothing happened. can you help.

iliafrancis.com/home

Link to comment

@jennypetit

Replace the previous CSS for this effect with the following.

@media screen and ( max-width : 640px) {

  #collection-604a28c16d672d3db22e065b .sqs-block-image .design-layout-collage.sqs-narrow-width .image-card-wrapper {
  
    margin-top : 1px;
    
    }
  }

Let us know how it goes.

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.

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.