Jump to content

Remove underline from image description/caption on inline image block

Recommended Posts

Site URL: https://www.4101empedrado.com/services

Anybody tell me how I can get the link underline to go away? I'm currently using all this css but the underline is still there and I'm stumped. Thank you!

a {

background-image: none !important;

}

.image-caption a {

  text-decoration: none;

}

.image-title a {

  text-decoration: none;

}

.image-subtitle a {

  text-decoration: none;

}

.sqs-block-html a {

    text-decoration: none !important;

}

body:not( .header--menu-open ) .header-nav-folder-item--active .header-nav-folder-item-content, /* desktop */

:is( [aria-current="page"], /* mobile */

[aria-current="true"] ) .header-menu-nav-item-content

  {

    background-image : unset;

    }

Services  Family Focus Baton Rouge.png

Link to comment
  • Replies 4
  • Views 377
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

34 minutes ago, juliaprather said:

Site URL: https://www.4101empedrado.com/services

Anybody tell me how I can get the link underline to go away? I'm currently using all this css but the underline is still there and I'm stumped. Thank you!

a {

background-image: none !important;

}

.image-caption a {

  text-decoration: none;

}

.image-title a {

  text-decoration: none;

}

.image-subtitle a {

  text-decoration: none;

}

.sqs-block-html a {

    text-decoration: none !important;

}

body:not( .header--menu-open ) .header-nav-folder-item--active .header-nav-folder-item-content, /* desktop */

:is( [aria-current="page"], /* mobile */

[aria-current="true"] ) .header-menu-nav-item-content

  {

    background-image : unset;

    }

Services  Family Focus Baton Rouge.png

I check that it is fine at the moment. Have you figured it out?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
11 hours ago, juliaprather said:

The problem did not get resolved. It looks better now because I changed from an inline image block to a poster. I just added a new sample. The first image shows the link underline I'm talking about: 

https://www.4101empedrado.com/services

Thank you so much!

Add to Design > Custom CSS

/* Image caption underline */
.image-caption a {
    background-image: none !important;
    border: none !important;
    text-decoration: none !important;
}

 

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
12 minutes ago, tuanphan said:

Add to Design > Custom CSS

/* Image caption underline */
.image-caption a {
    background-image: none !important;
    border: none !important;
    text-decoration: none !important;
}

 

Just when you think you have all the pieces of underline removal code lol. Thank you SO muchworks perfectly of course. You always come through!

Link to comment

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.