Home › Forums › WoodMart support forum › Change color in links / menu / etc.

Change color in links / menu / etc.

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • February 12, 2025 at 11:34 am #637426

    Giuseppe
    Participant

    Hi. I find it difficult to find where i can change the colors in the theme.

    1. Categories -> Changed font color to black. On hover its yellow. I want it to be black.
    2. The icons in front of the link -> where can these be deleted
    3. Font color in menu is white -> where to change it to black?
    4. Icons in front of the menu links -> where to change or delete?
    5. Where to change color font on show or hover.

    I can find some in documentation but it seems that im changing the wrong things. And then the learning curve is a bit steep to find where to change this settings.

    Thanks in advance all.

    G.

    Attachments:
    You must be logged in to view attached files.
    February 12, 2025 at 4:08 pm #637553

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards,

    February 12, 2025 at 4:37 pm #637565

    Giuseppe
    Participant

    Provided in private.

    Im really curious where to change. Thanks in advance.

    G.

    February 13, 2025 at 10:31 am #637736

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. Your issue has been resolved. Navigate to Theme Settings > Typography > Advanced Create a new rule with “Secondary Navigation links in bottom Header” and change the Hover Color.

    Please refer to this screenshot: https://ibb.co/dwRJckMF

    02. To remove the icon, Navigate to Appearance > Menu > Edit Main header menu Megamarket menu > Expand menu item and remove icon menu item.

    Please refer to this screenshot: https://ibb.co/FkJyHtyB

    03. Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for desktop:

    .wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li>a, .wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li.wd-opened>a {
    color: #000000 !important;
}

    04. To remove or change the icon, Navigate to Appearance > Menu > Edit Categories Megamarket menu > Expand menu item and remove icon menu item.

    05. Navigate to Theme Settings > Typography > Advanced. In this area, you can assign elements to the below Custom Class https://prnt.sc/io-tdHNTYyPz

    .elementor-widget-wd_extra_menu_list .wd-sub-menu .sub-sub-menu li>a

    Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

    Best Regards,

    March 3, 2025 at 10:44 am #642227

    Giuseppe
    Participant

    Hi.

    There is something wrong with the advanced typographie rules. If u have for example 4 rules, and you put in another one, they all disappear. I changed everything accordingly, added an extra rule and now those excisting ones are gone.

    Whats going wrong?

    Screenshot All good is what i edited. After add rule the changes are gone. See other screenshots

    Attachments:
    You must be logged in to view attached files.
    March 3, 2025 at 2:57 pm #642351

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I couldn’t find any existing rule for advanced typography on your site, so I created a new one. I added the “Main Navigation Links” and “Secondary Navigation Links” in the header bottom, and the menu color changed successfully.

    Additionally, I created another rule using a custom selector for the extra menu list, and the color was updated correctly.

    Please review your site and verify the changes and change the font settings on your site. If you have any questions, feel free to reach out.

    Best Regards,

    March 3, 2025 at 3:22 pm #642358

    Giuseppe
    Participant

    Hi Aizaz,

    the rules were there but i added some. And then they all disappeared after saving.. so its correct there werent any now. Ill try change some and look what happends.

    March 4, 2025 at 8:46 am #642524

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    It’s possible that the rules were accidentally removed while making changes. I have added the rules yesterday to your site, and they are working fine.

    You can try modifying them again and see if the issue persists. Let me know if you need any further assistance!

    Best Regards,

    March 4, 2025 at 10:10 am #642548

    Giuseppe
    Participant

    It looks like it works! Thanks.

    Can i ask some further questions in this topic? Or do i need to make new topics?

    The layout of the AJAX product tabs -> i want it to change from AJAX PRODUCTS TABS ALTERNATIVE to AJAX PRODUCTS TABS ARROWS PAGINATION

    I cant find where to change it? Even if i put in a new flexbox and then try to add a AJAX product tab, it only gives me 2 options, neither of them is the one with the arrows in the pagination.

    Attachments:
    You must be logged in to view attached files.
    March 4, 2025 at 10:11 am #642550

    Giuseppe
    Participant

    Tabs product without the arrows

    March 4, 2025 at 10:19 am #642553

    Giuseppe
    Participant

    Found another way around. Thanks.

    March 4, 2025 at 1:48 pm #642664

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Glad to hear you found an alternative solution!

    If you want to edit the Ajax products tabs arrow, Edit the page with Elementor> Edit Ajax products tab widget and in the style tab configure the products layout setting and change the arrow position or change the pagination.

    See Screenshot for better understanding:https://ibb.co/BHRsGVKG

    Best Regards,

    March 5, 2025 at 9:53 am #642874

    Giuseppe
    Participant

    Goodmorning. Another day, another question 😀 I love your support, that has to be said!!

    When on mobile, the menu shows categories -> i changed these on laptop view but in mobile/tablet they cant be changed like i do the editing on laptop and elementor. Where to change?

    Also the logo on mobile/tablet -> the site in elementor doesnt let me change the header -> is there another way to change the logo on mobile and tablet

    Attachments:
    You must be logged in to view attached files.
    March 5, 2025 at 1:08 pm #642971

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. This is the category menu in the mobile menu. Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9

    Switch to the Mobile tab, hover on the Mobile menu element, click on the Pencil icon and you can disable/enable an option Show Categories menu or choose the new menu: https://prnt.sc/z532Aa-glTHl

    02. Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

    Switch to mobile Header > Hover on the Logo element, click on the Pencil icon to edit it https://prnt.sc/TQpL8DqtyVSi to change the Logo.

    Best Regards,

    March 12, 2025 at 11:01 am #645082

    Giuseppe
    Participant

    Hi.

    minor thing here. in the ‘ Top bar’ every word starts with a capital letter. In our language it is only the first letter. I want to change this in Elementor settings or in theme settings to ‘normal’ but cant find where to change. Its the words ‘Over Ons’.

    Thanks in advance

    Attachments:
    You must be logged in to view attached files.
    March 12, 2025 at 3:49 pm #645267

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Navigate to Theme Settings > Typography > Advanced > Create a new rule with the Secondary navigation links in the top bar item and change the font settings. https://ibb.co/BZVTyh8

    Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

    Best Regards,

    March 12, 2025 at 5:00 pm #645286

    Giuseppe
    Participant

    How do i add another produt-categorie in the menu categories, in a way that i also have the options to select HTML blocks etc. I cant get it to work. And set sizes etc.

    For example in frontend:

    Click on categorieen -> Tuin (garden) -> the url goes to https://bouwmaterialen.regelmijnwebsite.nl/product-categorie/flooring/

    This because i only changed names. But i want to make another new menu item linkin it to the right page.

    Attachments:
    You must be logged in to view attached files.
    March 12, 2025 at 5:18 pm #645296

    Giuseppe
    Participant

    Let it go. It is solved. U first need to add a product-category in the menu, save it and then open again to select the right HTML block.

    March 13, 2025 at 12:22 pm #645523

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sounds Great! that your issue has been solved.

    You can always reach us at any time. We are always here to help you.

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)

The topic ‘Change color in links / menu / etc.’ is closed to new replies.