Remove underlines:
This rule puts the maroonish ‘underline’:
.entry-header {
border-top-color: #92000A;
border-top-style: solid;
border-top-width: 2px;
}
Override it by adding a rule like:
.entry-header {
border-top-width: 0;
}
However, when you get rid of this, you’re left with a grey ‘underline’ as a result of this rule:
.entry-footer {
border-bottom-color: #B5B5B5;
border-bottom-style: solid;
border-bottom-width: 1px;
clear: both;
margin-bottom: 0;
}
So you’ll also have to overwrite this with a rule like:
.entry-footer {
border-bottom-width: 0;
}
The reason why you have two like this is because one is supposed to be before the post content and the other is supposed to come after; but since you’re showing no post content, the one goes on top of the other.
Of course these rules will apply wherever there are elements with the classes entry-header and entry-footer. If you don’t want them to apply everywhere, you’ll have to use specificity to override the rules in appropriate places.
HTH
PAE
Opening links in new windows.
Not very user friendly IMHO, and unnecessary since if users want to open links in new windows/tabs they can do so by using Ctrl-click or Shift-click.
But what do I know?
To make everything open in a new window/tab you’ll need to add the attribute: target="_blank" to your <a> elements in the appropriate template files depending on where you want to do it.
HTH
PAE
Category Archives.
Find the template file (probably category.php) and modify the HTML to do the underlining for you. The best way to do it is to put a border on the appropriate block element.
You should make all changes to CSS/HTML in a child theme if at all possible. Remember to keep appropriate backups before making changes.
Cheers
PAE
Thanks a lot for all of you. I will try this tonite and get back.
//Override it by adding a rule like: //
As you said it overrides the rule everywhere. I need to do it only in category archive section.
//Opening links in new windows.//
I dropped the idea.
//The best way to do it is to put a border on the appropriate block element. You should make all changes to CSS/HTML in a child theme if at all possible.//
I think i cannot do this. I have no idea about it. Will try to tell someone to do this.
Thanks, if needed, i will post back.
Underlining:
Try using specificity like:
body.category .entry-header {
border-top-width: 0;
}
body.category .entry-footer {
border-bottom-width: 0;
}
Cheers
PAE
//Try using specificity like://
Thanks. Where should i use this? In stylesheet or category.php?
I’m talking about CSS specificity, so you need to do it in a style sheet — preferably a Child Theme style sheet, unless you’re using a fully home-grown theme as opposed to one you’ve downloaded.
HTH
PAE
