Jump to content

inverting navigation links on the homepage of a portfolio page but not on the individual gallery pages

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

2 hours ago, simoncreative said:

Site URL: https://www.tristanandsimon.com/

Hi there i want to make the logo white on the splash page of a portfolio page but then invert it on the actual project pages. screenshots to help. 

 

i have this code already to invert the logo on the main homepage

body:not(.homepage) .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

 

1453146300_Untitled-1Artboard1.thumb.jpg.eb38e5690c9b51ceee44fad98c67d1cc.jpgi have this 

 

1838720297_Untitled-1Artboard1copy.thumb.jpg.b5395d464320dadc7b713540b2f5dfee.jpg744549229_Untitled-1Artboard1copy4.thumb.jpg.9dac7ecd23562770448929c76ffda6d0.jpg

 

2137240548_Untitled-1Artboard1copy3.thumb.jpg.c773ab9e32cbba9bbab308f596d7f516.jpg730598416_Untitled-1Artboard1copy2.thumb.jpg.b703e19ce8b625453e1c4862c43aa277.jpg

Use this code to set invert for After hour page and portfolio page

#collection-628ccb6e81d6187462b42405 .header-title-logo img ,#collection-627acba4c8146d6e5311809d .header-title-logo img{
  filter: invert(0);
  -webkit-filter: invert(0);
}

Let me know how it works on your site

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My testing

image.thumb.png.015e5471fe5a4e27981a870755685dfe.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

this code works for the logo inverting on the homepage already 


body:not(.homepage) .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}
how do i do the same on after hours?

and how do i do the invert the navigation tabs also?

 

thanks

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.