Custom CSS for specific header
-
Hello,
I have to use different headers in various pages and I have to add custom css for each one.
Is it possible to get the ID of each header? Could you tell me how and an example of the css code?
Thank you!
Hello,
You don’t need to create a custom ID for each header — WoodMart automatically assigns a unique class to every header layout.
To target a specific header, simply inspect your page and copy the class from the <header> element.
.whb-header_331220 .wd-header-nav {
background: #f5f5f5;
}
This way, the CSS will apply only to that specific header layout. You can find the header class by right-clicking the page > Inspect > selecting the<header> element and copying the class that starts with whb-header_.
Best Regards,
.
