List of questions for new theme?

Hello!

Love the theme now that I have had the chance to get used to it. I have a handful of questions, if you dont mind. I will list them below and you can just answer in one place instead of me opening multiple threads. I hope that is ok?

1) How can I add a border to the “warning” boxes on the website (for example, the no shipping options warnings, etc.)?

2) How can I change JUST the bubble color AND text color of the bubbles that show the # of items in the wishlist, cart, and compare icons on the top right of the page?

3) How can I modify the style of the “categories” tags visible on the “info on hover” product lists? I would love to match them to the style the categories the blog posts have (solid color rectangle with text, floating on top of carousel)

4) How can I change JUST the color of the “Browse Categories” color?

Thank you!!!

Hello,

1 &2) Please provide some relevant screenshots of the specific area with the URL of the website to check it myself and help you out accordingly.

3) You can try setting the product styles from Theme Settings >> Shop >> Product Styles.

Screenshot for Clarification: https://prnt.sc/118y9gt

4) To change the browse categories color please Go to Woodmart >> Header Builder >> Edit Header >> Edit Categories and set the color.

Screenshot for Clarification: https://prnt.sc/118yali

Regards.
Xtemos Studios

1) See private info.

2) See private info.

3) I am asking how to manually modify the category info on that. For example, in your image, I would want to manually change “Furniture” to, maybe “Furniture – Chairs” etc.

Hello,

1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.search-no-results.woocommerce .woocommerce-info {
    border: 1px solid red;
}

2) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

 .wd-tools-element .wd-tools-count {
    background-color: red;
}

.wd-header-cart.wd-design-2 .wd-cart-number {
    background-color: red;
}

3) Please provide a relevant screenshot of the specific area to check it myself and help you out accordingly.

Best Regards.

1) Thank you! But how can I make it global — all warnings, not just the one for no items found. For example, there are also warnings for shipping methods, payment methods, etc. What is the global CSS? Because theme allows global change to color for warnings.

2) These two css lines will change all three of the circles I attached in the screenshot? Also, how do I modify the text color in those three circles?

Also– regarding #2: Can I have one color for if there is nothing in the cart, and a second color/text for if there is at least one item in there?

For example: if there is nothing in the cart, it is a blue circle with white writing (as per screenshot)… but if they add something to the cart (>= 1) then it becomes yellow with black writing. Same concept for compare and wishlist.

Thank you!

Hello,

You are Most Welcome.

1) Please replace the previous Custom CSS with the following in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woocommerce .woocommerce-info {
border: 1px solid red;
}

2) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS

.wd-tools-element .wd-tools-count {
color: black;
}
span.wd-cart-number.woodmart-cart-number {
color: red !important;
}

Sorry but it is not possible to change the color on conditions as you mentioned.

Best Regards

Hello–

What does this CSS do? I did not see any changes to anything:

span.wd-cart-number.woodmart-cart-number {
color: red !important;
}

Hello,

This CSS is to change the color of the text of the Cart Count Number in the header as you required to change it.

Best Regards.

2) I just realized — your suggestion for changing the cart icon color did not change the color in the Mobile and Ipad views?

Hello,

Please make sure that you have added the code under the Global Custom CSS area under Theme Settings Custom CSS.

If it still doesn’t work then provide with the URL of the website to check it myself and help you out accordingly.

Regards.
Xtemos Studios

Please check and do it. I have put the code in because the main site is showing the changed color.

And please make sure to do both color of background plus text for the cart icon. To match the desktop

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-header-cart.wd-design-5 .wd-cart-number {
    background-color: orange;
    color: black;
}

Best Regards

[Author]

Posts