AdrianJV
-
Posts
15 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by AdrianJV
-
-
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!
-
5 hours ago, tuanphan said:
Can you share link to portfolio page? We can check easier
Sure thing @tuanphan
https://echidna-bellflower-k94s.squarespace.com/
-
7 hours ago, tuanphan said:
Use this new code
div.header-nav-item a:hover { color: #f1f !important; }
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!
-
18 hours ago, AdrianJV said:
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;}@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.
Quotea.grid-item[href*="/draft"] {
display: none;
}
.item-pagination-link--next[href*="draft"] {
display: none;
}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?
Quoteul.portfolio-hover-items-list li:nth-child(1) * {
color: white;
} -
13 hours ago, tuanphan said:
With trial plan, just setup password & share url.
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;} -
7 hours ago, tuanphan said:
Can you share link to your site? We can check easier
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.
-
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!
Keyword Filtering of Images in Gallery Blocks?
in Images & Videos
Posted
Still no reply @tuanphan. Do you have a solution ?