Docs

[ParadoxVapez]

Hello I would like to learn how to change the H1 title on only certain pages BETTER YET i would like it to be on all “POSTS” with out using customizer since it goes site wide!
http://www.myeventsnyc.com/best-secret-speak-easys-nyc/ for instance Id like to change the title from white to black! please help and remmeber only certain pages not site wide!

[ParadoxVapez]

I know site indexing has something to do with it if you could teach me a tiny bit Ill gladly practice it

[Rue Nel]

Hello There,

Thanks for writing in! To change the title from white to black and make this changes site wide, please add the following css code in the customizer, Appearance > Customize > Custom > CSS or insert this code in your child theme’s style.css (if you are using a child theme)

.single-post .entry-title,
.single-post .p-meta > span,
.single-post .p-meta > span > a, 
.single-post .x-nav-articles a {
    color: #000;
}

The outcome may look like this:

Hope this helps.

[ParadoxVapez]

Thank you for the quick response but can you explain to me how to change H1-h6 tag color on SPECIFIC pages? like what would I do I know u have to do something with page index?

[ParadoxVapez]

also does changing the CSS UNDER CUSTOMIZER global CSS good or should I inject it directly to the files will it hinder site performance via this feature?

[Rue Nel]

Hello There,

Thanks for the updates!

1] To change H1-h6 tag color on SPECIFIC pages, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.page-id-123 h1, 
.page-id-123 .h1 {
  color: red;
}

.page-id-123 h2, 
.page-id-123 .h2 {
  color: green;
}

.page-id-123 h3, 
.page-id-123 .h3 {
  color: yellow;
}

.page-id-123 h4, 
.page-id-123 .h4 {
  color: blue;
}

.page-id-123 h5, 
.page-id-123 .h5 {
  color: black;
}

.page-id-123 h6, 
.page-id-123 .h6 {
  color: brown;
}

Please take note that I am using a custom class .page-id-{ID#} and this is for pages. If you want to custom a specific post, you use this class .postid-{ID#}. In order to find the post ID or page ID, please check it here: https://community.theme.co/kb/how-to-locate-post-ids/

2] The custom css in the customizer will be applied throughout your site. If you were using Cornerstone in creating your post or page, you can simply add your custom css in the settings tab, Settings > Custom CSS so that the css will only be applied on that page.

Hope this helps.

[Author]

Posts