Remove project title from grid

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

Hi!

Is it possible to remove the project title from underneath the images shown in my grid? I'm using the grid:simple layout. I attached a picture for reference.

Did you find a solution for this? I am looking to do the same thing.

@lidyaaC

if you want to remove the headings from the simple grid layout you can do that with some css. 

exactly how you do that depends on whether you want to get rid of the text on all your portfolios or just a specific one, and possibly whether you're on a business/premium plan.

To start with though, this will hide the text under portfolios in all cases. Add this code to your Custom CSS in the main Design menu

div.portfolio-text {
    display: none;
}

if you want to get rid of it on a specific page and you're on business / premium plan, then wrap the code above in <style> </style> tags, and put it in the advanced code injection part of the page settings.

if you want to get rid of it on a specific section then you'll need to find the section id. you can do that using a chrome extension Squarespace ID Finder, or look in the source for "data-section-id". once you've got it you can edit the rule above to be more specific. something like this, but insert your section id:

section[data-section-id="600ff3ae2549287fcef1d4d2"] div.portfolio-text {
	display:none;
}

hope that helps.

@iamdavehart thank you so much this is great! 

On 8/11/2021 at 3:07 PM, iamdavehart said:

@lidyaaC

if you want to remove the headings from the simple grid layout you can do that with some css. 

exactly how you do that depends on whether you want to get rid of the text on all your portfolios or just a specific one, and possibly whether you're on a business/premium plan.

To start with though, this will hide the text under portfolios in all cases. Add this code to your Custom CSS in the main Design menu

div.portfolio-text {
    display: none;
}

if you want to get rid of it on a specific page and you're on business / premium plan, then wrap the code above in <style> </style> tags, and put it in the advanced code injection part of the page settings.

if you want to get rid of it on a specific section then you'll need to find the section id. you can do that using a chrome extension Squarespace ID Finder, or look in the source for "data-section-id". once you've got it you can edit the rule above to be more specific. something like this, but insert your section id:

section[data-section-id="600ff3ae2549287fcef1d4d2"] div.portfolio-text {
	display:none;
}

hope that helps.

Thanks for this! I'm using "Grid: Overlay" but the first code did not work. I'm trying to hide all portfolio titles whether hovered or not (I'll have images/hover images that include the title in the image). Any suggestions? 

12 minutes ago, bcmarimba said:

Thanks for this! I'm using "Grid: Overlay" but the first code did not work. I'm trying to hide all portfolio titles whether hovered or not (I'll have images/hover images that include the title in the image). Any suggestions? 

 

Can you share link to page where you use grid? We can help easier

Oh sorry, sure! PW is "jack"

https://coyote-tambourine-w867.squarespace.com/

6 minutes ago, tuanphan said:

Can you share link to page where you use grid? We can help easier

oops! Yes, PW is "jack"

https://coyote-tambourine-w867.squarespace.com/

5 hours ago, bcmarimba said:

oops! Yes, PW is "jack"

https://coyote-tambourine-w867.squarespace.com/

You mean

• Remove title from 4 images

OR

• Initial: hide titles
• Hover: Show overlay + titles

7 hours ago, tuanphan said:

You mean

• Remove title from 4 images

OR

• Initial: hide titles
• Hover: Show overlay + titles

Thanks, I want to hide titles completely on all Portfolio items. I will then use my own image and hover image (one of which will include the title), if that makes sense! 

On 1/3/2022 at 12:08 AM, bcmarimba said:

Thanks, I want to hide titles completely on all Portfolio items. I will then use my own image and hover image (one of which will include the title), if that makes sense! 

Add to Design > Custom CSS

/* Hide portfolio title */
.portfolio-text h3 {
    opacity: 0;
}

11 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Hide portfolio title */
.portfolio-text h3 {
    opacity: 0;
}

 

Amazing, thank you! That did it.