How to format header text to follow font type, size and color of Menu Navigation

Hello,

do you know how to format the text in the header base so that it follows the configuration of the theme typography
https://snipboard.io/tfpKr6.jpg

The text “Cari Product” i want it to follow the navigation HOME and SHOP face.
The phone number and email i want it to follow the text newsletter, contact us , faq.
Is it possible to set the phone and mail icon color to white as well ?

Thank you
Joie

Hello,

You can set the same style for your menu in the Theme settings > Typography.

Besides you can change the font by means of an 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

Hello the reason i am not using the advance typography, is that i want the text style to follow there general theme setting to use. Just in case i want to change fonts in the future.

Is it better to use the css class of the text element in header builder ?
https://snipboard.io/52Ur6A.jpg

I tried to paste the following styles but nothing has effect.
.main-nav-style, .menu-opener, .categories-menu-dropdown .item-level-0 > a, .wd-tools-element .wd-tools-text, .main-nav .item-level-0 > a, .whb-secondary-menu .item-level-0 > a, .full-screen-nav .item-level-0 > a, .wd-tools-element .wd-tools-count, .woodmart-cart-design-2 .woodmart-cart-number, .woodmart-cart-design-5 .woodmart-cart-number

Sorry i got problem login into this forum to create new topics so i put this under the same thread.

In single product page, the header bar is black.

How can i set it to another color / background image ? is it in theme setting?

https://tokoplastik.co.id/product/tutup-botol-standard-long-neck/
Thank you

Hello,

Issue # 1 Header. This class field is destined to add a custom class and then assign styles in the Theme Settings > Custom CSS. The way you show is not workable.

Issue # 2. Find out which header is used for the product page int the Theme Settings > Product page. Then navigate to Woodmart > Header builder http://prntscr.com/iyd2pe

You can use advanced typography or custom CSS.

Choose the proper header type http://prntscr.com/iyd333

Edit row https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

Best Regards

[Author]

Posts