Home › Forums › WoodMart support forum › How can I change font color of header
How can I change font color of header
- This topic has 7 replies, 2 voices, and was last updated 3 years, 10 months ago by
Elise Noromit.
-
AuthorPosts
-
September 9, 2021 at 3:06 pm #317519
rodrigo17rParticipantHi, I want change font color only of homepage.
September 9, 2021 at 8:07 pm #317553
Elise NoromitMemberHello,
You can change the font by means of the Advanced typography option, which allows you 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/
In your case, you will need a custom selector and add
body.home
before each custom selector to be applied to the home page only.Best Regards
September 9, 2021 at 10:21 pm #317566
rodrigo17rParticipantEntiendo, ya vi la documentación. Pero en qué parte pongo el custom selector?
September 10, 2021 at 1:15 pm #317728
Elise NoromitMemberHello,
As soon as you set the “Custom selector” the field to insert appears: https://gyazo.com/cb69c2d15551559714e8b7abd419ca13
If you have any questions or need help with detecting the correct selector, please feel free to contact us.
Best Regards
September 10, 2021 at 5:06 pm #317772
rodrigo17rParticipantSigue igual.
September 11, 2021 at 12:22 pm #317898
Elise NoromitMemberHello,
https://prnt.sc/1rqdkjy these are the main navigation links: https://gyazo.com/feb08cd2f156bc91b5b9f6b3ff5bf7a0
Are there any other items you want to change?
Best Regards
September 11, 2021 at 4:41 pm #317919
rodrigo17rParticipantSeñores, pueden revisar mi configuración por favor? Les estoy dando mi usuario para que lo puedan ver.
September 12, 2021 at 12:07 pm #317976
Elise NoromitMemberHello,
Please check all the custom CSS in the Theme Settings > Custom CSS, remove all that relate to the color of the main menu.
Then create the rule for the main menu as a separate rule. Then using Theme Presets, change the color for the main menu. Find our documentation tutorial about this here: https://xtemos.com/docs/woodmart/theme-settings-presets/
Please have a look at the screen: https://gyazo.com/8062272b1b803818b374de00f0582f99 I have set the white color only for the home page, however all these selectors would also get white: https://gyazo.com/744d388ee9fa7dfc5ab3ccbe0ac41c9d
That is why, first of all, you need to create a separate rule for the main navigation and then change using theme preset as I have shown. As the result, the home page navigation would be white and other pages would be as per your settings in the Advanced typography. https://gyazo.com/df106d017aa0caf9eefad93a92906c17
If you still need help or have question, let me know.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register