AdrianJV

Still no reply @tuanphan. Do you have a solution ?

Site URL: https://www.adrianvieni.com/photo I'm looking for some insight into custom CSS to help organize my image gallery blocks on the photography page of my website. The site is built on the Hawley template in squarespace 7.1. Is it at all possible to create keyword filters that can help people sort through images in a gallery block, instead of me manually sorting the images into separate gallery blocks or individual pages? For example, since you can add a title or description to each image in a gallery block, could I possibly add keywords to each image upon upload (eg. Portrait, Travel, etc) and create a simple menu or nav on the page above the gallery block that lets people select one, and auto filter to show them only those images tagged with those keywords? I feel like the simple solution would be to create a different gallery block or carousel for each genre of work, or to create a dropdown under the Photo tab in the nav, nest various galleries in there, and manually separate these things. However, I think it would be a very intuitive feature to be able to sort, based on keyword tags, in one gallery, similar to how you can filter by brand on most web stores. Thanks!

Sure thing @tuanphan https://echidna-bellflower-k94s.squarespace.com/

Thank you so much @tuanphan that worked perfectly. Another problem I am having, related to the issue, is that the portfolio hover code seems to be effecting my two portfolio pages differently, which is weird since one is a duplicate of the other page. If you go on the Commercial page, you can see the slashes highlight independently of the portfolio items, and are also clickable. However on the Film page, they are normal - they don't hover or interact. Any idea why that might be? thanks again!

@tuanphan the site is public now if that helps!

Hey all - reviving this old thread here. I've tried all of @tuanphan's code posted here, but nothing seems to work. It is still displaying the projects in my main portfolio pages, even though they have 'draft' in the URL. I have tried putting 'draft' at the beginning and end of the url, but no change is registering. Note: I have code in already to change the hover colour of these projects. May that be overriding this new code?

https://echidna-bellflower-k94s.squarespace.com password: password Also worth noting, I tried this bit of code I found in a different thread of yours, but it does not seem to work on the Hawley template. /* Nav item color - underline */ .header-nav-item a { color: #ff0000;}

The site is not yet live, unfortunately. I'm working in the offline trial. The code in the previous posts helps make the project page nav work to change the hover colour, which is much appreciated. I'm looking for code to help the header navigation icons have hover colour changes just the same. I haven't been able to find any answers on these forums yet. Screen Record below. You can see when i go up to the website header nav, there's no hover interactivity. 852306747_ScreenRecording2022-01-10at9_47_15AM.mov

Hi there, I realize this is an old topic now, but I was wondering if anyone was able to get this type of hover to work on the navigation bar, as opposed to the Portfolio headers. I used this provided code which was great for the portfolio, but the top Nav bar feels stagnant without some hover interactivity. Thanks!