Styling the template home page

Hi,
I need to hide a table header, but only on the home page. (.tdheader)

On other pages, it is possible to set the 'page class' attribute - but this doesn't seem to work for the home page.
(At least, not using the Menus > main menu > home link.)

Is it possible without editing the template?

Thanks guys.

You can use templates page suffix feature in template settings > features > Page Suffix.

How it works is we add menu item id together with css suffix of your choice then once that menu is activated template will add your suffix to that page which you can use your own css for only that page.

Following is example setup.

My home menu id is 101 ( you can see your home menu item id in main menu > home item > see end of each menu item )
My Suffix would be "homepage" without quotes.

So in templates page suffix feature
item ID / option: 101
Page Suffix: homepage
Click on add.

In your override.css file located in templates css folder add below css and make sure override.css is enabled in template settings > advanced settings > css override "on".

Code: Select all

.homepage .tdheader { display:none!important; }


Let us know if you need further help, see you around...

Thanks again Norman!

...and thanks for taking the time to post such a comprehensive response.

No problem at all, see you around...