How do I get the font to change colour when hovering?

Site URL: https://grantpeters.xyz

Hi all,

I'm wanting to get the titles of my projects to change from black to white when a mouse is hovered over them.
See "collections" on my site for said titles.

Password is: workinprogress

Also, how can I align these project titles to the left of screen while keeping the centre alignment of the title on the unlinked page "Splash"? Every time I align the collection titles to the left, it takes the other page's title too.

Thank you

#1. Add to Design > Custom CSS

body#collection-61e748838d80ab0f8b8eb583 a.portfolio-hover-item:hover span {
    color: white;
}

#2. Can you share link to Splash page?

Thank you @tuanphan

The Splash page is at grantpeters.xyz/splash

One other thing - if you can help, how do I remove/reduce the padding between the image and blank/text blocks that are at the top of each of my project pages (within the portfolio)? (See attached screen shot) 

On 1/21/2022 at 11:03 AM, grvnt said:

Thank you @tuanphan

The Splash page is at grantpeters.xyz/splash

One other thing - if you can help, how do I remove/reduce the padding between the image and blank/text blocks that are at the top of each of my project pages (within the portfolio)? (See attached screen shot) 

#2. It looks centered here

#3. Add this CSS

body.collection-61e74966bcf7287726bb0174.view-item article section:nth-child(2) .content-wrapper {
    padding-top: 0px !important;
}

Thanks so much for your help