Home Forums WoodMart support forum Issue with color synchronization after site migration/cloning

Issue with color synchronization after site migration/cloning

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #713492

    rada.domik
    Participant

    I have cloned my website to a new domain, but I am struggling to synchronize colors on the new site. Despite having the same settings, some elements are still using the “Global Primary Color” instead of my custom choices.

    I need help with changing the colors for these specific elements:

    Cart Badge Color: The small circle showing the number of products in the header (class .wd-cart-number). I need to change its background and text color.

    Product Categories Bar: The color of the category navigation/filters in the product archive/shop overview.

    Main Menu/Bar: The background and hover colors for the main navigation bar.

    On my original site, these are customized, but on the cloned site, they remain tied to the primary theme color and I cannot find the specific override in Theme Settings or Header Builder.

    Could you please point me to the exact location in the WoodMart settings where these individual elements can be decoupled from the primary color?

    Attachments:
    You must be logged in to view attached files.
    #713616

    Artem Temos
    Keymaster
    Xtemos team

    Hello,

    Could you please disable all plugins that are not related to our theme and provide us your admin access so we can check it?

    Thank you in advance

    #713890

    rada.domik
    Participant

    I am attaching the login credentials below.

    #713909

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    Try to add the following code snippet to the Custom CSS area in Theme Settings:

    1. To change cart counter colors:

    .wd .wd-header-cart .wd-cart-number {
    	color: white;
    	background-color: red;
    }

    2. To change navigation underline color:

    .wd .wd-nav[class*="wd-style-underline"] .nav-link-text:after {
    	background-color: red;
    }

    3. The category color on product cards can be changed using the theme’s built-in Advanced Typography settings. Please navigate to Theme Settings > Typography > Advanced, select the “Product loop category” selector from the list, and set your desired idle/hover colors using the color pickers. https://monosnap.ai/file/3K9PagxV0ay51kJOHAFfAUwMy8FBRv

    Kind Regards

    #713958

    rada.domik
    Participant

    Thank you, the settings change helped.

    #714006

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    You are welcome!

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