Custom CSS for specific pages?

Hi,

Is it possible to add custom CSS for a specific page only?

For example: I have a specific page with a hero section and the page template is “Pagebuilder + Overlay menu”. But I want the color of the menu items to be different from the rest of the website due to the color of the hero image.

You can by identifying the page ID (https://www.competethemes.com/blog/find-page-id/). Then you can style it like so .page-id-xxx. You have to put the code before the css class of the element you want to style. E.g let’s say the page ID is 100 and the menu css class is .td-header-menu. You can style it like so:
.page-id-100 .td-header-menu {
put your css here
}

Great, got it! Thanks for the help.

You are welcome.