This section allows you to adjust all the color settings related to Woocommerce or the shop and product pages in your WordPress website. Head to Theme Options, Colors, Woocommerce to manage these settings.
- Price Color – The product price displayed every where in the Woocommerce pages and sections
- Product Title Color – Adjust the color of the title of the product
- Star Rating color – Star rating appears under the product thumbnail, you can adjust its color here
- Button Background – Add to cart button background color
- Button Text Color – Add to cart button text color
- Button Text Hover Color – Add to cart button text hover color. Applied when you mouse hover on Add to cart
- Button Hover Color – When you mouse hover on Add to cart button
Price Filter Widget
Product filter widget is displayed in sidebar on shop pages. You can show/hide it from widgets area in wp-admin as well.
- Bar Color – The actual bar color which you slide for price range adjustment.
- Bar Bullet Border Color – The start and end bullet icons color
- Bar Bullet Background Color – The background color of the adjustment bar and bullets
Woo Slider Colors
Woo Slider is an additional small piece of plugin which is integrated in the theme and it helps creating beautiful product sliders in the Woocommerce website. You can adjust its color settings in this section.
- Product Title – Title of the product displayed in slider
- Product Price – Price of the product displayed
- Product Price Background – Product price has a background, its color can be adjusted here
- Product Box Overlay Background – Product box has overlay effect, its overlay background color can be adjusted here
- Add to Cart Background Color – The button’s background color
- Add to Cart Background Hover Color – When you mouse hover
- Add to Cart Text Hover Color – When you mouse hover the add to cart button, the text color will use this property
- Slider Arrow Background – The slider arrows on left and right will contain a background color property and it can be adjusted from this area. You can check Transparent if you like
- Slider Arrow Color – Slider arrow will use this color setting. If you change it to any color
