Home Forums WoodMart – Premium Template Dark theme settings

This topic contains 27 replies, has 2 voices, and was last updated by Aizaz Imtiaz Awan Aizaz Imtiaz Awan 2 days, 18 hours ago.

Viewing 28 posts - 1 through 28 (of 28 total)
  • Author
    Posts
  • #275909

    ipix
    Customer

    How to change the background color to:
    1) products, icons
    2) on the main menu (2 drop-down lists)
    3) change the color of the icons
    4) change the background color and text color of tooltips for buttons?

    Private Content Hidden
    #275956

    Hello,

    I saw the screenshots you attached.

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

    .color-scheme-light .woodmart-buttons, .woodmart-dark .woodmart-buttons {
        background-color: green;
    }
    
    .woodmart-dark .woodmart-hover-tiled .product-element-bottom {
        background-color: green;
    }

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

    .vertical-navigation .item-level-0.menu-item-has-children:not(.menu-simple-dropdown) {
        background: green;
    }
    
    .sub-menu-dropdown.color-scheme-light {
        background-color: green;
    }

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

    .color-scheme-light .wd-action-btn>a, .woodmart-dark .wd-action-btn>a {
        color: rebeccapurple;
    }

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

    .woodmart-tltp .woodmart-tooltip-label {
    
        background-color: green;
    }

    Regards.
    Xtemos Studios

    #276224

    ipix
    Customer

    1) On the store page, the icons when hovering over the product are white. How to make from black and green on hover?
    2) Pasted the code:
    .woodmart-tltp .woodmart-tooltip-label {

    background-color: green;
    }
    But hints are still with white text (need black), and black background (need white).

    3) You need to change the color of the product short description text from white to black.
    4) How do I change the text color of the price and filter widget on store pages?

    Private Content Hidden
    #276230

    Hello,

    I saw the screenshots you attached.

    1) Please try using the following Custom CSS for that.

    .wd-action-btn.wd-add-cart-btn>a:before {
        color: black;
    }
    
    .wd-action-btn.wd-wishlist-btn>a:before {
        color: black;
    }
    
    .wd-action-btn.wd-quick-view-btn>a:before {
        color: black;
    }

    2) Please try adding the following Custom CSS for that.

    .woodmart-tltp span.woodmart-tooltip-label, div.tooltip-inner {
        background: white;
        color: black;
    }

    3) Please try adding the following Custom CSS for that.

    .woodmart-more-desc-inner {
        color: black;
    }

    4) Please try adding the following Custom CSS for that.

    .woodmart-products-per-page .per-page-title {
        color: white;
    }
    
    .woodmart-products-per-page .per-page-variation {
        color: white;
    }
    
    .woodmart-products-shop-view .shop-view svg {
        fill: white !important;
    }
    
    .woodmart-filter-buttons .open-filters {
        color: white;
    }
    
    .woodmart-filter-buttons .open-filters:after, .woodmart-filter-buttons .open-filters:before {
        background-color: white;
    }
    
    .widget_price_filter .price_slider_amount .price_label {
        color: white;
    }
    
    .widget_price_filter .price_slider_amount .price_label>span {
        color: white;
    }

    Regards.
    Xtemos Studios

    #276256

    ipix
    Customer

    Thanks you.
    I did point 1

    1) Please try using the following Custom CSS for that.

    .wd-action-btn.wd-add-cart-btn>a:before {
    color: black;
    }

    .wd-action-btn.wd-wishlist-btn>a:before {
    color: black;
    }

    .wd-action-btn.wd-quick-view-btn>a:before {
    color: black;
    } ”

    , the green color disappeared when you hover over the icons, the wishlist, basket, quick view. I need the icons of these buttons to turn green on hover. Thanks

    #276265

    Hello,

    You are Most Welcome.

    Please try adding the following Custom CSS for that.

    .wd-action-btn.wd-add-cart-btn>a:hover:before {
        color: green;
    }
    
    .wd-action-btn.wd-wishlist-btn>a:hover:before {
        color: green;
    }
    
    .wd-action-btn.wd-quick-view-btn>a:hover:before {
        color: green;
    }

    Regards.
    Xtemos Studios

    #276395

    ipix
    Customer

    Thanks.
    1) How do I edit the shopping cart popup?
    2) How do I change the text colors on the store page?
    3) How can I change the text color and background color of the active menu item (screenshot No. 1), the color of menu items (screenshot No. 2), the text color and background color of the menu item on hover (screenshot No. 3) on the account page?
    Thanks.

    Private Content Hidden
    #276422

    Hello,

    You are Most Welcome.

    I saw the screenshots you attached.

    1) Please try adding the following Custom CSS for that.

    .widget_shopping_cart .total strong {
        color: green;
    }
    .widget-heading .widget-title {
        color: green;
    }

    2) Please try adding the following Custom CSS for that.

    .product-grid-item .product-title a {
        color: white;
    }
    .product-grid-item .price .amount {
        color: white;
    }
    .categories-accordion-on .widget_product_categories .count {
        color: white;
    }
    .widget_product_categories .product-categories li.current-cat>a {
        color: white;
    }
    .widget_product_categories .product-categories li.current-cat>a {
        color: white;
    }

    3)Please try adding the following Custom CSS for that.

     .woocommerce-MyAccount-navigation ul li.is-active>a {
        color: white;
        background-color: rgba(136,136,136,.12);
    }
    .woocommerce-MyAccount-navigation ul li a {
        color: red;
    }
    .woocommerce-MyAccount-navigation ul li a:focus, .woocommerce-MyAccount-navigation ul li a:hover {
        color: green;
        background-color: aqua;
    }

    Regards.
    Xtemos Studios.

    #278091

    ipix
    Customer

    How do I change the color of the text and link on the Terms and Conditions page?

    Private Content Hidden
    #278109

    Hello,

    I saw the screenshot you attached.

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

    span.woocommerce-terms-and-conditions-checkbox-text {
        color: green;
    }
    
    span.woocommerce-terms-and-conditions-checkbox-text a {
        color: green;
    }

    Regards.
    Xtemos Studios

    #278136

    ipix
    Customer

    1.1) How can I remove unnecessary fields when placing an order? I work in the same city and I don’t need them. You need to remove the fields: “Company name”, “Country”, “State / province”, “City”, “Postal code”. And I need to remove the same fields from the “Addresses” page in the user’s account (https://demo38.ipixstudio.ru/my-account/edit-address/billing/ https://demo38.ipixstudio.ru/my-account/edit-address/shipping/)
    1.2) How do I style a “Privacy Policy” link like “Terms and Conditions”? On hover green

    2) Users with Russian logins cannot register on the new user registration page. How to make the login (username) in Cyrillic?
    3) How do I change the color of the privacy warning?
    4) How to style the “authorize” button like the “register” button?

    Private Content Hidden
    #278173

    Hello,

    1.1) Sorry but there is no option in Theme Settings available for that. Because the checkout is woocommerce functionality and our theme doesn’t influence.

    1.2) Please try adding the following Custom CSS for that.

    .woocommerce-privacy-policy-text a:hover:last-child {
        color: green;
    }

    2) Sorry but there is no option in Theme Settings available for that.

    3) Please try adding the following Custom CSS for that.

    .woocommerce-privacy-policy-text p:last-child {
    color: white;
    }

    4) Please try adding the following Custom CSS for that.

    .btns-default-dark .woodmart-switch-to-register {
        color: white;
    }
    
    .woodmart-switch-to-register {
        background-color: #83b735;
    }

    Regards.
    Xtemos Studios

    #279142

    ipix
    Customer

    1) I changed the color of the privacy policy warning on the registration page (see last answer), but I don’t need to change the color on the checkout page (leave black here). How can I change the declension and cases of the links “Privacy Policy and Terms and Conditions”? Since it is not literate in Russian. https://prnt.sc/115f4b0

    Private Content Hidden
    #279221

    Hello,

    Ok then please delete the old given custom CSS and use this instead:

    .woocommerce-account .woocommerce-privacy-policy-text p:last-child {
    color: white;
    }

    Best Regards

    #279408

    ipix
    Customer

    How do I change the color of buttons and text in buttons on hover and at rest? On the pop-up cart window.

    Private Content Hidden
    #279456

    Hello,

    I saw the screenshot you attached.

    Please try using the following Custom CSS for that.

    For the Cart button:

    a.button.btn-cart.wc-forward {
        background: orange;
    }
    
    a.button.btn-cart.wc-forward:hover {
        background: orange;
    }

    For the Checkout button:

    a.button.checkout.wc-forward {
        background: red;
    }
    
    a.button.checkout.wc-forward:hover {
        background: red;
    }

    Best Regards

    #280282

    ipix
    Customer

    Thank you. I changed the text color to white again. How do I change the text color to black only in the login pop-up window?

    Private Content Hidden
    #280481

    Hello,

    You are Most Welcome.

    Please try adding the following Custom CSS for that.

    p.form-row-wide label {
        color: black;
    }

    Best Regards.

    #280520

    ipix
    Customer

    Okay. Thank you. How to add a placeholder in the “username” and “password” fields in the registration form?

    Private Content Hidden
    #280756

    Hello,

    You are Most Welcome.

    Sorry but there is no option in Theme Settings available for that.

    It requires customizations and this is beyond our limitations and support policy.

    Regards.
    Xtemos Studios

    #282453

    ipix
    Customer

    Hello, after some styling changes, some code stopped working. Please tell me how to change only the styles that I show, so that the styles of other text on other pages do not change. Thank you.
    Screenshots and links in attachment

    1) How do I change the background when hovering over a product on the category page and home page (1.1)? How do I change the color of the old product price (1.2)? How do I change the color of the “Add to cart” button in rest and on hover (1.3)? How do you close the gap that separates the thousands in the price (1.4)?

    2) How do I change the color of the active menu item when the mouse pointer moves over a submenu? Как сделать пункты меню в темной теме как в светлой https://i.imgur.com/QIVvO9Z.png?

    3) How do I change the color of the “Add to cart” button in rest and on hover?

    Private Content Hidden
    #282614

    Hello,

    I saw the screenshot you attached.

    1.1) Please try adding the following Custom CSS for that.

    .wd-hover-base .content-product-imagin {
        background-color: green;
    }

    1.2) Please try adding the following Custom CSS for that.

    [class*="color-scheme-light"] del .amount {
        color: red;
    }

    1.3) & 3 Please try adding the following Custom CSS for that.

    .wd-hover-base .wd-bottom-actions:not(.wd-add-small-btn) .wd-add-btn>a {
        background-color: red;
    }

    1.4) This space is coming from the price. Please try removing any space from the price then clear cache and check back.

    2) Please try adding the following Custom CSS for that.

    .wd-nav-vertical>li>a {
        color: #333 !important;
    }

    Best Regards

    #282726

    ipix
    Customer

    On the product page, in the “similar products” block, I need to change the color of the “Add to cart” icon and its color on hover. I tried changing the .wd-action-btn class, but it changes the color of other buttons as well. How to change only the button in this “Similar Products” block on the product page? Thank you.

    Private Content Hidden
    #282772

    Hello,

    Please try adding the following Custom CSS for that.

    .single-product .wd-carousel-container .wd-action-btn.wd-style-icon>a:hover:before {
        color: #808080;
    }
    
    .single-product .wd-carousel-container .wd-action-btn.wd-style-icon>a:hover:before {
        color: green;
    }

    Regards.
    Xtemos Studios

    #282939

    ipix
    Customer

    Thank you. How do I change the color of the pattern on the Checkout page?

    Private Content Hidden
    #283051

    Hello,

    You are Most Welcome.

    Please try adding the following Custom CSS for That.

    .global-color-scheme-light .checkout-order-review:before {
        background-image: radial-gradient(farthest-side, rgba(0,0,0,0) 6px, #fff 0);
    }

    Best Regards

    #283085

    ipix
    Customer

    Thanks, but the bottom picture hasn’t changed. I thought one css code is responsible for them. How do I change the color of the bottom picture?

    Private Content Hidden
    #283159

    Hello,

    You are Most Welcome.

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

    .global-color-scheme-light .checkout-order-review:after, .global-color-scheme-light .checkout-order-review:before {
        background-image: radial-gradient(farthest-side, rgba(0,0,0,0) 6px, #fff 0);
    }

    Best Regards

Viewing 28 posts - 1 through 28 (of 28 total)

You must be logged in to reply to this topic.