Home › Forums › WoodMart support forum › Header Issues
Header Issues
- This topic has 12 replies, 2 voices, and was last updated 1 year, 4 months ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
October 22, 2023 at 10:04 am #506056
avalulu.ltdParticipantHi,
I can’t edit any of the typography settings on the header? sizing, weight, etc?
Then I’m using the overlay feature. It is obviously clear on the top of the page, as you scroll the background turns to black. Is there any way that I can change it to a colour of my choice?
Attachments:
You must be logged in to view attached files.October 22, 2023 at 12:27 pm #506063
avalulu.ltdParticipant??
October 23, 2023 at 10:07 am #506202
Aizaz Imtiaz AwanKeymasterHello
Go to WoodMart > Header Builder > Edit Current Header > Configure the Top Header, Main Header, Header Bottom. And change the background color of each row in the style tab.
If you have any questions feel free to contact us.
Best Regards.
October 28, 2023 at 1:41 pm #508102
avalulu.ltdParticipantHi,
Thanks for your help.
How do I edit the typography – size and weights of the header text?
October 28, 2023 at 1:45 pm #508103
avalulu.ltdParticipantSo we using a transparent header – on scroll the header turns black.
How do i change the header to the colour? only once scrolled.
October 28, 2023 at 2:38 pm #508113
Aizaz Imtiaz AwanKeymasterHello,
Go to Woodmart > Header builder > edit current header > Configure the text / html blocks elements and change the text.
Go to WoodMart > Header Builder > Edit Current Header > Configure the Top Header, Main Header, Header Bottom. And change the background color of each row in the style tab.
Best Regards.
October 30, 2023 at 7:09 am #508346
avalulu.ltdParticipantI’ve tried you instruction but can’t find section in the style tab to edit the typography. Please note: i’m trying to edit a menu item in the header?
I’ve also done the colour – its the transition in colour that i want to change. I want to change from clear at the top to brown on scroll.
October 30, 2023 at 11:13 am #508418
Aizaz Imtiaz AwanKeymasterHello,
You can change the menu font size through Theme Settings -> Typography -> Advanced typography -> create a new rule with the “Main navigation links” item.
Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/
Best Regards.
October 30, 2023 at 1:54 pm #508502
avalulu.ltdParticipantHI,
I’ve added the advanced typography but still no luck?
I’ve attached a temporary login for the site.
October 30, 2023 at 2:42 pm #508520
avalulu.ltdParticipant1) On the header typography. I had to create a new header to change the font sizes.
2) on the header colour:
I’ve set the header to overlay. So that there is no colour on the hero section. On scroll the header is sticky but i can’t change the colour? it’s either black or white. Can this be changed to a custom colour?
October 30, 2023 at 3:27 pm #508532
Aizaz Imtiaz AwanKeymasterHello,
Please try to use the below custom CSS code and paste it to Theme settings >> Custom CSS >> Global CSS code section:
.wd-nav[class*="wd-style-underline"] .nav-link-text { color: rgb(142,118,72); }
Best Regards.
October 30, 2023 at 7:44 pm #508617
avalulu.ltdParticipantHi,
Thanks for the code. I’ve tried it but still doesn’t work?
October 31, 2023 at 10:19 am #508708
Aizaz Imtiaz AwanKeymasterHello,
This code is working fine on your site. It has changed the menu color. Check back your site.
Best Regards.
-
AuthorPosts
Tagged: Heeader
- You must be logged in to create new topics. Login / Register