Home › Forums › WoodMart support forum › woodmart color settings

woodmart color settings

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 8, 2021 at 7:45 pm #317330

    m.kat
    Participant

    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.
    September 8, 2021 at 8:46 pm #317339

    Elise Noromit
    Member

    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

    September 9, 2021 at 7:36 am #317404

    m.kat
    Participant

    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

    September 9, 2021 at 7:56 am #317414

    m.kat
    Participant

    i only need to change this grey color
    globally ….

    September 9, 2021 at 12:41 pm #317486

    m.kat
    Participant

    any news?

    September 9, 2021 at 1:24 pm #317493

    m.kat
    Participant

    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;
    }

    September 9, 2021 at 11:29 pm #317579

    Elise Noromit
    Member

    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
Viewing 7 posts - 1 through 7 (of 7 total)