Jump to content

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

Recommended Posts

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

Link to comment
  • Replies 4
  • Views 325
  • Created
  • Last Reply

Top Posters In This Topic

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) 

Screen Shot 2022-01-21 at 3.01.44 pm.png

#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;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.