Home › Forums › WoodMart support forum › Change font size
Change font size
- This topic has 9 replies, 2 voices, and was last updated 4 years, 5 months ago by
Elise Noromit.
-
AuthorPosts
-
November 18, 2020 at 1:39 pm #242620
accosukParticipantHow do I increase the topbar font size.
Please take a look at the attached image.
Kindly let me know.
Thanks
ArunAttachments:
You must be logged in to view attached files.November 18, 2020 at 8:32 pm #242698
Elise NoromitMemberHello,
You can change the font by means of Advanced typography option, which allows to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.
Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/
Best Regards
November 19, 2020 at 5:40 am #242747
accosukParticipantThank you for your reply.
I had tried it.
But there was no change to the top bar links/items.
Please let me know which one should I select?
I also changed “My Account” links on the header, but no change in font size.
Please let me know.
Thanks a lot.November 19, 2020 at 10:07 am #242835
Elise NoromitMemberHello,
Please provide your site admin access to the private area.
I will provide the custom CSS and you will be able to take selectors.
Best Regards
November 19, 2020 at 12:29 pm #242881
accosukParticipantHi
Thank you for your reply.
Details shared below.November 19, 2020 at 4:37 pm #242939
Elise NoromitMemberHello,
The text in the text block is changed just in the block of the Header builder or remove this inline style I will able to give selector/custom CSS https://prnt.sc/vm8fsa
Here are selectors for icons:
.whb-top-bar .search-button .search-button-icon:before { font-size: 13px; } .whb-top-bar .wd-tools-element .wd-tools-icon:before { font-size: 14px; } .whb-top-bar .wd-tools-element .wd-tools-icon:before { font-size: 14px; }
Best Regards
November 20, 2020 at 5:47 am #243049
accosukParticipantHi,
ok.. I have removed the inline styles.
Please let me know the css selector for the text
– Free Delivery
– Phone number
– My account
– Cart total
on the topbar.
Thanks againNovember 20, 2020 at 2:48 pm #243190
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .whb-top-bar .whb-text-element { font-size: 20px; } body .whb-top-bar .wd-tools-element .wd-tools-text { font-size: 20px; }
Set the size as per your needs. As soon as you clean the inline-style from the text block with the phone, the styles would be applied to it as well.
Best Regards
November 21, 2020 at 4:54 am #243269
accosukParticipantChanged it.. Thank you..
November 21, 2020 at 12:59 pm #243361
Elise NoromitMemberYou are welcome! If you have any questions please feel free to contact us.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register