Hide portfolio text overlay 7.1

Site URL: https://www.crxssplatfxrm.com/selected-artists

I have successfully used the following CSS to hide the hover text overlay from my portfolio, while keeping the hover colour overlay:

.portfolio-text {
    opacity: 0 !important;
}

However, I wish to add another portfolio to the site, on which I want to keep the hover text overlay – it seems that the above command affects all portfolios site-wide. Is there an addtion I can make to the CSS to specify the one portfolio?

Hey @matthewhodges where is the other portfolio where you're trying to make this change?

26 minutes ago, matthewhodges said:

Site URL: https://www.crxssplatfxrm.com/selected-artists

I have successfully used the following CSS to hide the hover text overlay from my portfolio, while keeping the hover colour overlay:

.portfolio-text {
    opacity: 0 !important;
}

However, I wish to add another portfolio to the site, on which I want to keep the hover text overlay – it seems that the above command affects all portfolios site-wide. Is there an addtion I can make to the CSS to specify the one portfolio?

This is the code where you want to hide the text on item 1 and 3, you can replicate it in any thing

.grid-item:nth-child(1) .portfolio-text,
.grid-item:nth-child(3) .portfolio-text{
    opacity: 0 !important;
}

@bangank36 that would work for applying it to items within a portfolio, @matthewhodges is asking how to apply this effect to a portfolio on a different page

3 minutes ago, RyanDejaegher said:

@bangank36 that would work for applying it to items within a portfolio, @matthewhodges is asking how to apply this effect to a portfolio on a different page

Yes, it can be on any individuals pages custom code section, not sure what my problem is

@matthewhodges

If you want to control which pages the portfolio text is hidden you have 2 options

1. (Easier) You can apply your CSS to the Page Injection. So if you have a portfolio on one page where you want the text hidden you would add your code here. This can be done on a per page basis

2. (Advanced) You can target the collection ID (https://thirtyeightvisuals.com/blog/how-to-find-your-page-id-in-squarespace). Once you have the collection ID your code can be added to the custom CSS section
 

#collection-5ceea3e924a694485f25a8f4 .portfolio-text {
 opacity: 0 !important; 
}

18 hours ago, RyanDejaegher said:

@matthewhodges

If you want to control which pages the portfolio text is hidden you have 2 options

1. (Easier) You can apply your CSS to the Page Injection. So if you have a portfolio on one page where you want the text hidden you would add your code here. This can be done on a per page basis

2. (Advanced) You can target the collection ID (https://thirtyeightvisuals.com/blog/how-to-find-your-page-id-in-squarespace). Once you have the collection ID your code can be added to the custom CSS section
 

#collection-5ceea3e924a694485f25a8f4 .portfolio-text {
 opacity: 0 !important; 
}

 

Hi – thanks for the reply. Your first suggestion was not an option to me as I don't have a premium plan, but I did manage to get the second option to work, so thanks very much.

@matthewhodges awesome glad you got it working 🙂