Wonderful well crafted theme, and after much inspection I sprang for the premium version to use for a new site.
Have been going along with build out on the child them and modifying various CSS with all working great with one exception.
The page titles for a single.php)/content.php/page.php were the same h1 class. So modifying CSS for things such as size padding etc gets to be a gnarly string of pseudo-classes, and since all three are H1’s in the same wrappers it’s tough.
After many attempts to “take posession” of the page title — ENTRY-TITLE class to effect padding ONLY at the top of SINGLE and then PAGE .php — I thought heck why not just change the class on the SINGLE.php to “page-title” and add a new class, worked like a charm.
BUT this solution doesn’t work on the page template. I made a child template of the “CONTENT-Page.php” and changed
<header class="entry-header"> <h1 class="entry-title"><?php the_title(); ?></h1>
to
<header class="entry-header"> <h1 class="page-title"><?php the_title(); ?></h1>
This worked on the “Content-single.php” perfectly – but doesn’t work on the “Content-page.php”
BUT – odder still it appears that the pages based on “Content-page.php” are still picking up the main vantage “Content-page.php” where if I change it on the parent theme it works. But hate to leave that as something that’s going to be stripped out on next update.
I’d share a link but have the site sitting behind a splash page while in dev.
Tried a million options – with CSS to get there and now the php route. Was able to easily get rid of the anchor hover, but that class is too broad for using to change size or padding.
Saw someone else posting about this and scoured the boards for answers.
If I could suggest a future fix for this splendid template may I suggest giving the page titles/entry titles a separate class from article post.
Hoping for some guidance, thank you!
Hi lbowser
Thanks very much for your support.
Hopefully I’m not missing you here but you couldn’t you leave all markup (PHP/HTML) in place and use the body class to style the h1 tag as you’d like for various situations?
Here are some of the classes you’ll find in the body tag:
Home: .home
Blog: .blog
Archives: .archive
Single Posts: .single
So control the entry-title for single posts and pages you’d say:
.single article.post .entry-header h1.entry-title, .page article.page .entry-header h1.entry-title { color: red; }Let me know if that makes sense.
I also have the problem of a title uneffected by my child css.
From firebug and vantage style.css I found the title controller:
article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title { color: #3b3b3b; font-size: 20px; font-weight: 500; line-height: 1.35em;If I put this in my css and , for exemple, modify the text color it doesn’t make effect, neither if I set it as !important.
Hi zeitan
I’m on support for the next 45mins or so. Please fire up a new thread for us and I’ll jump in shortly:
Page: New Thread
Thanks