Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 Hover Color on Product Title


Wondering if someone can help me out with a piece of code that isn’t working for me.

Site: https://tarantula-calliope-fl4m.squarespace.com/collections/usualize-real-wine
Pass: squarespace
Action: The "buttons" under the picture should turn black with white text on hover

/* Product Landing Buttons */
.grid-meta-wrapper {
	margin-bottom: 0px!important;
	margin-top: 0px!important;
	margin-right: 58px;
.grid-main-meta {
	border: 4px solid #000!important;
    color: #000;
    width: 100%;
    bottom: 0px;
    padding: 25px;
    font-size: 24px;
    text-align: left;
.grid-main-meta a:hover {
  background: #000;
.grid-title {
display: inline-block;
.grid-title a:hover {
.grid-prices {
 float: right;
.grid-prices a:hover {


It looks like I need to target .grid-item-link but I can only get it to change the entire thing black on hover. 

Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

1 answer to this question

Recommended Posts

Create an account or sign in to comment

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

  • Create New...