woodmart color settings

hello, i have several parts of woodmart theme that i can’t change the color
As i was advised at theme comments, i created 2 screen shots and i highlight the elements
Basically i need to change this light grey color that the theme uses for sub menu, search form input, or form – quantity borders to #242424
I managed to changed with css at some parts but the parts at screenshots was hard to find
thank you

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

Please, provide your site admin access (insert the site credentials into the Private content block under the message area) and confirm the permission for plugins deactivation, switching to the parent or default theme. This testing may take up to 15 minutes. You would better make the full backup of your site.

Best Regards

hello, is this necessary
i would prefer to get the css code
because the website is online

if this is not possible then i will get back to you with creds

i only need to change this grey color
globally ….

any news?

ok
i guess i managed to find most of them
below is my code:

.woocommerce-breadcrumb a, .yoast-breadcrumb a {
color: #242424;
}

del .amount {
color: #242424;
font-weight: 400;
}

.widget, .wd-widget {
–wd-link-color: #242424;
}

.product_meta>span span {
display: inline-block;
margin: 0 1px;
color: #242424;
font-weight: 400;
}

.wd-social-icons.icons-size-small .wd-icon, .wd-social-icons.icons-size- .wd-icon {
color: black !important;
}

div.quantity input[type=”number”] {
color: black;
width: 30px;
height: 42px;
border-radius: 0;
border-right: none;
border-left: none;
}

div.quantity input[type=”button”] {
display: inline-block;
color: #242424;
}

.product_meta>span a, .product_meta>span span {
display: inline-block;
margin: 0 1px;
color: #242424 !important;
font-weight: 400;
}

.searchform input[type=”text”] {
padding-right: 50px;
height: 46px;
font-size: 15px;
color: black !important;
}

.whb-color-dark .searchform.wd-style-default {
–wd-form-brd-color: black !important;
–wd-form-brd-color-focus: black !important;
–wd-form-color: black !important;
–wd-form-placeholder-color: black !important;
–wd-submit-color: black !important;
–wd-submit-color-hover: black !important;
–wd-loader-ring-brd-color: black !important;
–wd-loader-highlight-brd-color: #000;
–wd-search-cat-color: black !important;
–wd-search-cat-brd-color: black !important;
}

td.product-total .amount {
color: #242424;
font-weight: 400;
}

Hello,

Try to add body before each selector or use !important CSS customization is not covered by our support, we often provide custom CSS for minor changes, however, if you need to change the style, you need to use Theme Settings > Styles and Colors, and Theme Settings > Typography > Advanced typography.

Best Regards

[Author]

Posts