Jump to content

Active Page Not Working on Portfolio Project Pages (7.1)

Recommended Posts

Posted

Site URL: http://www.saugenphotography.com

I've got a 7.1 portfolio created. I had to manually link to each project in the portfolio for it to show on my the main navigation. That works fine but when you visit each project the active page isn't underlined. Do I have to add some custom CSS?

If you check out my site all the top links except for about are within a gallery.

Thanks in advance.

Screen Shot 2022-01-24 at 1.38.01 PM.png

Screen Shot 2022-01-24 at 1.37.48 PM.png

  • Replies 4
  • Views 450
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted
On 1/25/2022 at 11:05 PM, lucassaugen said:

That would be amazing!

Edit Product Lifestyle Page >> Add a Code Block (anywhere) >> paste this code

<style>
  header#header [href="/work/product-lifestyle"] {
    border-bottom: 1px solid;
}
</style>

Edit Still Life page >> Add a Code Block (anywhere) >> Paste this code

<style>
  header#header [href="/work/still-life"] {
    border-bottom: 1px solid;
}
</style>

Edit Product Page >> Add a Code Block (anywhere) >> Paste this code

<style>
  header#header [href="/work/product"] {
    border-bottom: 1px solid;
}
</style>

Edit Apparel >> Add a Code Block >> paste this code

<style>
  header#header [href="/work/apparel"] {
    border-bottom: 1px solid;
}
</style>

 

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!)

Posted (edited)

Well that was easy enough. That's for the code.

I find it strange that you can't just link to projects directly in 7.1 but your fix is perfect.

Thanks again.

Edited by lucassaugen

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.