you can use the selective page specific CSS classes which are output by the ‘body_class()’ function in your theme;
example for the ‘shop ‘ page:
.post-type-archive-product h1.page-title { display: none; }
Hi alchymyth,
thank you! I’ve just tried it and it’s working. 🙂
K.
Hi Michel,
How can i find that CSS classes?
Hi
you can find css classes by inspecting the element in browser display.By right clicking and select Inspect Element
Hello,
Where do I access the css code in order to change it?
Can I edit the css code in the dashboard or do I have to reach it in the theme files? which one?
You can access the css code in the Editor (menu Appearance > Editor), and then on the right of the screen you must click on the css file (style.css)
How to target only the home page… and to find the applicable css class?
We already are applying a custom css class to all page titles…
Is that were I would add something, like this… but how to target specific page (e.g. home) like this??
h1.entry-title home { display: none; } ??
http://missionsofgrace.org
Currently I “removed” the page title from the editor… not the best solution. Any help appreciated.
Here is current css for page titles.
‘
.entry-header .entry-format {
position: absolute;
top: -22px!important;
}
.entry-title {
background: #000000 url(http://missionsofgrace.org/wp-content/uploads/2012/05/mainbg1.jpg);
color: #562b04;
font-family: Techno, Impact, sans-serif;
font-weight: 200!important;
text-decoration: none;
padding: .2em 1em;
letter-spacing: 0.04em;
border: #d4cac0 ridge 4px;
}
.entry-title a {
color: #562b04;
}
.singular .entry-title, .singular .entry-header .entry-meta {
padding: 0.1em 1em;
}
.singular .entry-title {
color: #562b04;
font-size: 2em;
font-weight: bold;
}
‘
Christine
