Home Forums WoodMart support forum Product Price colors in Search Results are Not reflecting as SET in Adv Typogra Reply To: Product Price colors in Search Results are Not reflecting as SET in Adv Typogra

#354265

Luke Nielsen
Keymaster

Hello,

10. As you can see on the below screenshot, this plugin changes the structure of the HTML.

https://prnt.sc/zdZspCymhHfI

Here is a structure without the “WOOCS” plugin:

https://prnt.sc/50yxYksv8cWS

a) “Prices” is related to the WooCommerce, hence the “Woocs” plugin works with WooCommerce and can influent on the HTML structure.

10. I checked the currency dropdown and found their CSS (of that plugin) that hides flags.

https://prnt.sc/rEI_-O23XYfO

Also, I prepared the custom code that displays these flags.

body .whb-column form.woocommerce-currency-switcher-form .dd-options .dd-image-right {
    display: block;
}

https://gyazo.com/7cdfe0ad37e91635b76aab7d4df25fd1

11c. Selectors for the changing color of the price in the quick view.

New price:
html .product-quick-view .price .amount

Old price:
html .product-quick-view .price del .amount
12. Changing scroll color:

.woocommerce-shop .wd-widget .wd-scroll {
    --scrollbar-thumb-bg: #333;
}

12.b) Custom code for changing indentation after the title:

.woocommerce-shop .sidebar-container .widget-title {
    margin-bottom: 10px;
}

12d. Disabling swatches quantity:

.woocommerce-shop .wd-widget .wc-layered-nav-term .count {
    display: none;
}

12c. Changing font family, color, weight, size:

.woocommerce-shop .wd-widget .layer-term-name {
    font-family: "Palatino Linotype";
    font-weight: 900;
    font-size: 18px;
    color: #333;
}

Kind Regards