Boundless Theme - Collection Hover opacity

fridayshoes
Shopify Partner
27 0 1

Where are the settings that control the opacity of when you hover over a product in a collection on the Boundless theme?

Regards

Replies 5 (5)
Mircea_Piturca
Shopify Partner
1493 42 320

I do not think that there is a setting for that. You can easily add it from CSS.

Finally—Add variant descriptions to your products
fridayshoes
Shopify Partner
27 0 1

Do you know what CSS I should be looking at?

Mircea_Piturca
Shopify Partner
1493 42 320

Not without a live link.

Finally—Add variant descriptions to your products
Alex135
Astronaut
1889 2 471

You can control some of the opacity in Assets/theme.scss.liquid, around Line 3111.

.product-item__image {
  display: block;
  margin: 0 auto $gutter-site;
  transition: opacity 0.2s ease;

  @include media-query($large-up) {
    margin-bottom: 0;

    .product-item__link:hover & {
      opacity: 0.1;
    }
  }
}

 

Alexandramats
New Member
1 0 0

You can control the :hover opacity in Assets/theme.scss.liquid, on Line 3791.

To completely remove it add:

 .product-item__link:hover & {
opacity: 1;
}