Return to previous page

Reply 307211 to: Design Constraints

Avatar: Olga Barlow
Olga Barlow
Support staff
November 1, 2021 at 18:14

Hello,

1) I chose the Home & Garden category and subcategories are not white https://prnt.sc/1y2o8tt Could you, please, provide us with the screenshot of the issue for a better understanding and WP Dashboard access in the Private content area?

2) Go to Theme Options > WooCommerce > Shop > Product Styles > choose the hover effect Default.

3) I’m not sure that understand your request about the product title. It’s full by default, no matter if you use hover or not. Isn’t it? Provide screenshot of the issue for better understanding.
To show the Add to wishlist button nea the add to cart then choose:
a) Theme Options > WooCommerce > Shop > Product Styles > choose the hover effect Default.
b) https://prnt.sc/1y2on75
c) Add the below code to Theme Options > Custom CSS

.product-view-default .product-details .yith-wcwl-add-to-wishlist, .product-view-default .product-details .wishlist-fragment>div {
    font-size: 14px;
}
.product-view-default .product-details .wishlist-fragment a, .product-view-default .product-details .yith-wcwl-add-to-wishlist .show a {
    opacity: 1;
}

4) Add the below code to Theme Options > Custom CSS

.products-grid .product-details .quantity-wrapper .button, .product-slide .product-details .quantity-wrapper .button {
    background: blue;
    color: yellow;
}
.products-grid .product-details .quantity-wrapper .button:hover, 
.product-slide .product-details .quantity-wrapper .button:hover {
    background: yellow;
    color: blue;
}

5) Add the below code to Theme Options > Custom CSS

.template-container .content-product .price {
    color: red;
}

6) Provide us with the screenshot for better understanding.
7) Add the below custom 

.template-container .filter-wrap select, .template-container .view-switcher .switch-list > a, .template-container .view-switcher .switch-grid > a, .template-container .view-switcher .switch-more > a {
    color: yellow;
}
.template-container .view-switcher .switch-list:not(.switcher-active):hover > a, [data-mode="dark"] .template-container .view-switcher .switcher-active > a {
    color: #40bb51;
    opacity: 1;
}

Regards

#307211
Go To The Whole Conversation In Topic

Useful links WooCommerce & WordPress

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.