Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 Removing Portfolio Underline on Hover


Question

  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Hi there –  Hoping someone can help me remove the underline on hover for my portfolio links.  Site: https://shallot-sprout-ecgb.squarespace.com/people Pass: brineintopedro

Thanks @ManuMateo that worked perfectly!    Code for anyone else too lazy to click through 🤪: .portfolio-hover[data-mode="hover-follow"] .portfolio-hover-items .portfolio-hover-item[data

Posted Images

5 answers to this question

Recommended Posts

  • 0

First off, even though the page isn't done, I want to say that its got a really cool user experience. Way to go, because its hard to have something "new" these days.

Anyway, did you fix your issue? I don't see anything like your screen shot on the site at this time.

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Link to post
  • 0

Thanks @ManuMateo that worked perfectly! 

 

Code for anyone else too lazy to click through 🤪:

.portfolio-hover[data-mode="hover-follow"] .portfolio-hover-items .portfolio-hover-item[data-active="true"] .portfolio-hover-item-content {
    text-decoration: none !important;
}

 

Link to post
  • 0

I see now. This isn't working properly on a fresh reload of the page. If I move or resize the browser it starts working as you have pictured. If not, it looks like this.

image.thumb.png.56c6ddbd857c2091e825d9014c5d11ab.png

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...