Default –btn colour change and spacing between letters

Hi Guys,

I love your theme, but I got some unusual requests 😀
I’m trying to override default colours for buttons from black to any other colour I’d like:

–wd-form-brd-radius: 0px;
–wd-form-brd-width: 2px;
–btn-default-color: #333;
–btn-default-color-hover: #333;
–btn-shop-color: #fff;
–btn-shop-color-hover: #fff;

I don’t want to change the whole CSS doc so is there a way I can change that for each site?

And also is there a way to change the spacing between characters in the menu and any other text for that instance?

Thanks
Michal

Hello,

First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :).

Can you please send me the screenshots of the button which you want to change the color? Also, do you want to add the space between the alphabets of the menu text or the space between menu items?

Best Regards.

Hi Azizaz,

Thanks for the replay, I’ve attached the png.

The spacing I’m trying to change is the alphabet of the menu text.

Thanks!
Michal

Attachments:

You must be logged in to view attached files.

Hello,

Ok, I understand your issue but your given site URL is not the same as per the screenshot. I see this menu on the given URL: https://ibb.co/2SbbfLD

Best Regards.

Ups, Sorry, Yes I’m playing around with all the time 😀

http://offices.welchmankeen.com/our-services/

Sorry 😀

Hello,

TO change the color of the button please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Global CSS section:

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab>a:hover {
    color: red;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text:after {
    background-color: red;
}

Note: Please change the color in the above custom CSS as per your requirement.

2. To add the space between the words, please use the below custom CSS code:

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab>a {
    word-spacing: 2.5px;
}

Best Regards.

Hey, Thanks For that! I really appreciate it,

I’m not sure why, but the spacing doesn’t work at all

the colour does but only when I hover over it and underlining works too but the initial colour is still black

Sorry for trouble

Hey guys, any ideas? 😀

Thanks!
Michal

Hello,

1. Ok please use the below custom CSS as well:

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text {
    color: red;
}

2. The space is working fine between the words, please see the screenshot: https://ibb.co/vhQzQGk

Best Regards.

Thanks!

Most Welcome 🙂

Thanks for contacting us.
Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts