Home › Forums › WoodMart support forum › Header builder Top bar icon size

Header builder Top bar icon size

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • October 19, 2022 at 4:11 pm #415013

    Userlearn
    Participant

    Hello

    Icons in top bar section are too small. How I can make them bigger? Tried solution from here but nothing worked https://xtemos.com/forums/topic/icons-size-in-the-top-bar/

    October 20, 2022 at 10:13 am #415202

    Luke Nielsen
    Keymaster

    Hello,

    On my side, the code from that topic works, in this case, please provide the website URL so I can check the icons.

    I look forward to hearing from you.

    Kind Regards

    October 21, 2022 at 10:57 am #415511

    Userlearn
    Participant

    Site is under development so you will not see it but attached is the code, I made even 90 px and also the print screen of the top bar, they are the same small ones. I tried both version of the code from the link.

    • This reply was modified 2 years, 6 months ago by Luke Nielsen.
    • This reply was modified 2 years, 6 months ago by Luke Nielsen.
    • This reply was modified 2 years, 6 months ago by Luke Nielsen.
    October 21, 2022 at 10:58 am #415516

    Userlearn
    Participant

    One more thing

    October 21, 2022 at 11:30 am #415523

    Luke Nielsen
    Keymaster

    Hello,

    Please try to use the below code, paste it into the “Custom CSS for desktop” area in Theme Settings -> Custom CSS.

    body .wd-header-wishlist .wd-tools-icon:before {
	font-size: 30px;
}
body .wd-header-compare .wd-tools-icon:before {
	font-size: 30px;
}
body .wd-header-cart .wd-tools-icon:before {
	font-size: 30px;
}

    I hope it helps.

    Kind Regards

    • This reply was modified 2 years, 6 months ago by Luke Nielsen.
    October 21, 2022 at 11:38 am #415529

    Userlearn
    Participant

    Hello This still did not helped. Please read also privet section and follow on this in private section only. Thank you.

    October 21, 2022 at 12:04 pm #415535

    Luke Nielsen
    Keymaster

    Hello,

    I have edited the above code, so please remove the old code and paste the new to the “Custom CSS for desktop” area.

    https://prnt.sc/Asv52DfDBrB8

    The attached files cannot be edited, also your images have been removed.

    Kind Regards

    • This reply was modified 2 years, 6 months ago by Luke Nielsen.
    October 21, 2022 at 12:18 pm #415539

    Userlearn
    Participant

    Thank you. This is working good only if the icons are in the Main header section of header builder if the icons are moved to Top bar it is still not working.

    October 21, 2022 at 2:34 pm #415581

    Luke Nielsen
    Keymaster

    Ok, replace the old code with this one.

    body .whb-top-bar .wd-header-wishlist .wd-tools-icon:before {
	font-size: 30px;
}
body .whb-top-bar .wd-header-compare .wd-tools-icon:before {
	font-size: 30px;
}
body .whb-top-bar .wd-header-cart .wd-tools-icon:before {
	font-size: 30px;
}

    https://prnt.sc/-NrT-0mJ3-dM

    Kind Regards

    October 21, 2022 at 3:43 pm #415613

    Userlearn
    Participant

    Thank you. This is exactly what I need! Now works great but I need to include also in this code account icon as it is still small and also the menu text is still small in comparison. Can you provide code with account icon larger and menu element as well.

    October 24, 2022 at 9:33 am #416039

    Luke Nielsen
    Keymaster

    Hello,

    The below code is for increasing the “My Account” icon.

    body .whb-top-bar .wd-header-my-account .wd-tools-icon:before {
	font-size: 30px;
}

    The menu text you can increase through Theme Settings -> Typography -> Advanced -> create a rule with the “Main navigation link” item and define the “font size” as you want.

    https://prnt.sc/-UfUe4hgvgdC

    Kind Regards

    October 24, 2022 at 9:45 am #416041

    Userlearn
    Participant

    Thank you. This works great. And where I can find how to change the size of the menu text when I hover on the menu and I see sub menu text on regular product categories menu? I’m using accessories demo menu and there the menu text is quite small and I would like also to change the font thickness maybe.

    October 24, 2022 at 2:26 pm #416123

    Luke Nielsen
    Keymaster

    Please send me some screenshots for a better understanding of where this menu is situated.

    I look forward to hearing from you.

    Thanks in advance.

    October 24, 2022 at 2:39 pm #416133

    Userlearn
    Participant

    No problem, attached.

    Attachments:
    You must be logged in to view attached files.
    October 24, 2022 at 3:12 pm #416148

    Luke Nielsen
    Keymaster

    Hello,

    Please navigate to Theme Settings -> Typography -> Advanced -> create a rule with the “Menu dropdowns second level” item and increase the font size in the appropriate field.

    https://prnt.sc/YJxyuGSttcXg

    Kind Regards

    • This reply was modified 2 years, 6 months ago by Luke Nielsen.
    October 24, 2022 at 3:21 pm #416153

    Userlearn
    Participant

    Thank you.

    October 24, 2022 at 3:33 pm #416159

    Luke Nielsen
    Keymaster

    You are welcome!

    In case you need any additional help, I’d be more than happy to assist you.

    Wish you all the best.

    Kind Regards

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

The topic ‘Header builder Top bar icon size’ is closed to new replies.