How to apply a CSS Property to home page only

[Razia]

Razia

December 2, 2016 at 10:37 pm

Hi there,

I have custom post types for my home page and default posts type for the blog page. The Blog Options available within the theme settings, change properties for all post types. I want to have separate CSS settings for custom post types and default post types. Please advise the write way of doing that. Should I use advance settings within the theme or I use the child theme for the following purposes;

I want the below CSS for home page only where I display custom post types. I dont want to display the meta and date etc on the home page. What should I do to apply the following code for Home page only or for Custom Post Types only.

.subhead, .postdate, .bg-lightgray, .headerfont, .comment-form-comment, .form-submit, .logged-in-as, .comment-reply-title, .nav-tabs, .tab-pane, .single-footer {
display: none !important;
}