I have a client using the following css to try and change the blog archive page post article titles from to . When these changes are made when inspecting the element in chrome developers tools, it works no problem. When changed in the custom css, it doesn’t have any impact. Is there some other setting that is over ruling the css?
/* Change the headers for blog page from h1 */
article.post .entry-header h2.entry-title,
article.page .entry-header h2.entry-title {
font-size: 38px;
font-weight: 500;
line-height: 1.35em;
}
IRG. removed the tags. trying to change archive post titles from H1 to H2
Hi Leslieg
The page tags themselves are H1 tags. the only way to truly change them to H2 would be to alter the page template.
To change the size of the text via CSS you would need to change the h1 tag like this
/* Change the headers for blog page from h1 */ body.blog article.post .entry-header h1.entry-title, body.blog article.page .entry-header h1.entry-title { font-size: 38px; font-weight: 500; line-height: 1.35em; }I have added the body.blog to only target the blog page with these changes
Let us know how you get on
Magus
Thanks Magus, yes that makes sense – I'm curious why themes make blog post headings on archive pages h1s – seems like they ought to be h2's to preserve the hierarchy. Worse still are the post widgets that have a widget title as an h3 and then the blog post titles are h1's.
Anyway, that's not specific to Vantage…thanks for the reply.
Hi Leslieg
The blog page headings are h1 for SEO purposes to show that it is a featured item, while widgets were originally designed for the sidebar which can appear on all pages so should not be counted as a feature.
If you need any more help please feel free to open a new support thread
Magus