Product category widget font color

How to change the font color of product category?

Hello,

You can change the font color in Advanced Typography in the Theme Settings > Typography > Advanced typography https://xtemos.com/docs/woodmart/advanced-typography-settings/

If you have difficulties provide the page URL.

Best Regards

I have Provided two links, I want to change the font color

Attachments:

You must be logged in to view attached files.

Hello,

Add this code to the Theme Settings > Custom CSS

body .woodmart-product-categories .category-nav-link>a {
    color: red;
}
body .category-nav-link .category-products-count {
    color: red;
}

Change the color as per your needs.

Best Regards

PRODUCT CATEGORY WIDGET FONT COLOR IS NOT WORKING

Hello,

Your screen shows categories in the page title not in the widget.

The code provided below is for these categories http://prntscr.com/lxi2qa

.widget_product_categories .product-categories li a {
    color: red;
}

Best Regards

Please gone through my home page. I want to change that element color.

Attachments:

You must be logged in to view attached files.

Hello,

Add this code:

body .category-grid-item .wrapp-category .hover-mask .category-title{
    color: red;
}

Best Regards

it works .. thank you.but:-
1. I want to set rgb color to this css code, for this what will be the CSS code
2. I want to change the word ‘load more button’ to ‘ show more’.
3. I want to add some gradient effect to the show more button. Please can you provide CSS for that.

Hello,

1. Convert HEX to RGB and insert https://www.rgbtohex.net/hextorgb/

2. You can translate all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

3. Here is gradient creator http://www.colorzilla.com/gradient-editor/

Best Regards

No. 1 and 2 has been solved but how to use 3rd option. I mean should I just paste the code?

A piculiar problem arises.. Some of my friend told me that the cart is not showing in their website but in my laptop the cart is showing. But after I log out from my admin panel the both cart and logo were not visible to me also but I have set cart in my header. What could be the issue?

Hello,

I am checking your site in logged off status https://gyazo.com/64918697ff37d9b918092215a86a01a3

I see logo and cart. Please clarify your questions.

Best Regards

Yes it’s ok now…some of my friends told me that my cart is not showing but it ok now…
Please give reply for my previous message about Css code.

Hello,

You replace red; with RGB value and gradient is usually used on background, in this case, write ackground-color:yourgradientcode;

Best Regards

Sorry but I am not able to under stand this. Please can you put this CSS through my admin access. See the attachment. I want to add this gradient to this button

Hello,

Create the gradient you need and provide so that I could insert.

Best Regards

http://colorzilla.com/gradient-editor/#b2e1ff+12,66b6fc+67 */
background: rgb(178,225,255); /* Old browsers */
background: -moz-linear-gradient(top, rgb(178,225,255) 12%, rgb(102,182,252) 67%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(178,225,255) 12%,rgb(102,182,252) 67%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(178,225,255) 12%,rgb(102,182,252) 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#b2e1ff’, endColorstr=’#66b6fc’,GradientType=0 ); /* IE6-9 */

Did you mean this . I have created this from colorzilla

Hello,

Here is how the code would look like:

body .category-grid-item .wrapp-category .hover-mask .category-title{
color: rgb(178,225,255); /*text color*/
background:background: -moz-linear-gradient(top, rgb(178,225,255) 12%, rgb(102,182,252) 67%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(178,225,255) 12%,rgb(102,182,252) 67%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(178,225,255) 12%,rgb(102,182,252) 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#b2e1ff’, endColorstr=’#66b6fc’,GradientType=0 ); /* IE6-9 */
}

Best Regards

The code you provided not worked Instead it has worked on Product Categories element but I want this to be worked at Product Grid or Carousel’s Load More Button Which I have changed to show more.

Attachments:

You must be logged in to view attached files.

Hello,

Please note custom CSS is not covered by our support policy, nevertheless we often provide custom CSS just to help our users. So, it would be great if you describe your issue more precisely. You provide different screenshots starting from categories in shop page heading and now you want product grid showing categories again. What element would you like to change? Please provide the page URL and screenshot. Hope for understanding.

Best Regards

Ok, sorry for misleading you. Look at the screenshot. I want to change just Show More button in product tab element(see the 1st attachment), but the code you gave earlier was for product categories element(see the 2nd attachment) which I dont want.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Setting > Custom CSS

body .woodmart-load-more {
    background: linear-gradient(rgb(178, 225, 255) 12%, rgb(102, 182, 252) 67%);
    border-color: transparent !important;
}

Best Regards

Thank you

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts