Jump to content

7.1 removing text link underlines

Recommended Posts

  • 3 weeks later...
  • 3 months later...
  • 3 weeks later...
18 hours ago, surftrip said:

Hey guys - this works sitewide, but how about if you only want this effect to be removed in certain places, like the footer? Where are all the classes and IDs?

 

You can add block id, eg: #block-yui.... a {background-image: none !important;}

how to find block id; https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

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
  • 9 months later...
  • 2 months later...
  • 2 months later...
On 3/16/2021 at 8:47 PM, IM_Design said:

It looks like a platform update changed the way the underlines work, so this should work for Text Block underlines instead now. Either site-wide in the CSS Editor:


a {text-decoration-line:none !important;}

Or page-specific wrapped in <style> tags in the Page Header Code Injection:


<style>
  a {text-decoration-line:none !important;}
</style>

 

@tuanphanNo luck with this. Anyone have any ideas?

www.southernsunevents.com/about

PW: sse2020

Link to comment
8 hours ago, SouthernSunEvents said:

@tuanphanNo luck with this. Anyone have any ideas?

www.southernsunevents.com/about

PW: sse2020

Add to Design > Custom CSS

a {
    text-decoration: none !important;
    border: 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
14 hours ago, SouthernSunEvents said:

This works great but removes the borders from my buttons to link to other pages/contact forms.

Try this

.html-block a {
    text-decoration: none !important;
    border: 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
On 6/25/2021 at 12:16 AM, SouthernSunEvents said:

Yes please! Still working on tablet and mobile view but definitely need to fix this. Thanks!

Try adding to Design > Custom CSS

/* tablet logo */
@media screen and (max-width:900px) and (min-width:641px) {
img.Header-branding-logo {
    visibility: hidden;
}
}

 

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
20 hours ago, tuanphan said:

/* tablet logo */ @media screen and (max-width:900px) and (min-width:641px) { img.Header-branding-logo { visibility: hidden; } }

Works perfect, thank you so much! Any idea why I have hamburger/drop down nav menu but two pages (about & contact) are listing both in the drop down menu and on the side?

859617914_ScreenShot2021-06-28at8_36_48PM.png.2fc7fc69b1bb54d158c467d9c6cf92a1.png

Link to comment
On 6/29/2021 at 7:38 AM, SouthernSunEvents said:

Works perfect, thank you so much! Any idea why I have hamburger/drop down nav menu but two pages (about & contact) are listing both in the drop down menu and on the side?

859617914_ScreenShot2021-06-28at8_36_48PM.png.2fc7fc69b1bb54d158c467d9c6cf92a1.png

Hi. It looks fine here. Try checking in real mobile

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

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.