I want my post title to look like my page title.
-
I want my blog post title to look like my page title. This is the css code I have styling my the whole page:
.mejs-container {
visibility: hidden;
}hr {
color: fff;
width: 50px;
height: 3px;
}aboutme {
width: 300px;
height: 300px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
-ms-border-radius: 150px;
-o-border-radius: 150px;
border-radius: 150px;
}/* unvisited link */
a:link {
color: #red;
text-decoration: none;
}/* visited link */
a:visited {
color: #red;
text-decoration: line-through;
}/* mouse over link */
a:hover {
color: #c8c8c8;
}/* selected link */
a:active {
color: #7A0000;
}.headline {
font-size: 28px;
text-align: center;
}#content {
font-size: 14px;
color: #9900ff;
}.entry-title, .entry-title a {
background-color: #191919;
border-radius: 5px 50px 5px 50px;
box-shadow: 0 0 20px black, 20px 15px 30px yellow, -20px 15px 30px lime, -20px -15px 30px blue, 20px -15px 30px red;
margin-bottom: 10px;
text-align: center;
}.entry-header .comments-link a {
display: none;
}#branding #searchform {
display: none;
position: absolute;
right: 7.6%;
text-align: right;
top: 3.8em;
}.widget {
font-family: times New Roman;
letter-spacing: .1em;
line-height: 2.6em;
text-transform: uppercase;
font-size: 10px;
text-align: center;
}.widget-title {
background: #ccc;
border-radius: 50px 5px 50px 5px;
margin-bottom: 10px;
box-shadow: inset 2 px 5px black;
}/*Widget Size*/
#primary {
float: left;
margin-bottom: 0;
margin-left: 0;
margin-right: -26.4%;
margin-top: 0;
width: 80%;
}#secondary {
float: right;
margin-right: 7.6%;
width: 24.8%;
}.The blog I need help with is: (visible only to logged in users)
-
Hi there, I’m seeing your page and post titles having the same size and font family. Did you get this taken care of, or are you also wanting the post titles to be black when not hovered? If so, you can add this:
.entry-header .entry-title a { color: #000; }If you also wish to change the hover color on the post titles, add this and adjust the color as desired.
.entry-header .entry-title a:hover { color: #cc0000; }I notice you have also hidden the WordPress and theme credits on the bottom of your site. You are not allowed to hide footer credits per our Terms of Service (#11). Even the VIP sites here at WordPress.com (CNN, Time, etc.) are required to keep the footer credits. See the Frequently Asked Questions on the Custom Design support page for more information.
You are allowed to restyle the footer credits to better fit with your design as long as they remain readable. If you would like help with that, just let us know.
Please remove the following CSS from your custom CSS to restore the footer credits.
footer#colophon .site-info { display: none; } -
Well if you notice in the blog post title, the box shadow is showing around the black and also the words. I just want it around the black and not the words.
-
Hi there, the reason that you have the double on the main page on post titles is because you have the CSS set for .entry-title and .entry-title a. On the single post pages, the titles are not links, so there isn’t a .entry-title a div. I can find no way to make the single post page titles look like the main page of your site because we don’t have that second div.
-
Hello again. :) I also noticed that because of that piece of that code, my links code are being canceled out. Do you think it might work if I take out the first .entry-title?
-
You can try removing .entry-title and see what things look like and then also try removing .entry-title a and see. I don’t think either will be what you are looking for.
Nice job on the box-shadow code. It is very flexible, and most don’t know that you can do what you’ve done with it. :)
-
Thank you very much. I love being creative.
I’ve tried taking the .entry-title a and it just reverts to the default look of the theme. As for the theme credits. I didn’t know they were missing. I didn’t put code to remove it. So I don’t know how it happened. That I know of the only thing that I put in my footer was a menu widget.
-
-
Hello again. I was able to solve our mystery. I went back and looked over the code and I noticed there was a coma between the .entry-title and .entry-title a. I took the coma out and removed the .entry-title a and it worked the way I wanted it to.
-
That’s super, good detective work on your part and I’m glad things are looking the way you want them to.
- The topic ‘I want my post title to look like my page title.’ is closed to new replies.
WordPress.com Forums 