Hey everyone,
New Thematic user (with limited CSS knowledge) here, so go easy on me! :) I'm running into 2 issues:
1. CSS & post title image
I want to create a child theme that automatically displays customized icons in front of each post title, based on the category I select. Here's the site so you can hopefully see what I mean:
http://jetplanejournal.com/supportpress
I've worked out to do this using the clever dynamic css thingy using this css selector. Here's the code I used for the "snippet" category entry you can see as the top post:
div.category-snippet .entry-title {
text-indent: 60px;
background: url(images/mono/paper_clip_attachment_document.png) no-repeat;
background-size: 12% ;
height: 40px;
padding-top: 14px;
}
So far so good. However, that won't make the image part of the clickable link. So I tried to move the image to the "a" section instead. You can see the result in the "linked" category posts (with the arrow icon):
div.category-linked .entry-title a{
text-indent: 60px;
background: url(images/mono/arrow_right_next.png) no-repeat;
background-size: 11%;
height: 40px;
padding-top: 16px;
}
If I do that, the text-indent is ignored and my images are behind the post title.
I'm guessing one of the other thematic css files is overriding the text-indent option, but I can't quite figure out where I need to look.
Generally speaking, is this the best way to customize posts based on category though? I might later try to go for a more distinct look for each post, so I'm wondering if this CSS-slug based approach is what you'd consider a sensible way to go about things.
2. Metadata
The other issue I'm sort of confused about, is how I can customize things like the type of metadata and the order of the metadata that thematic displays for posts. In other themes, you would see the relevant code and could just rearrange it, but I'm having a hard time figuring out how to do that with this theme.
What I'm trying to do is the following:
- remove the author slug (I'm the only author, so it's unnecessary)
- Move the category slug to just below the post title (alongside the post date), instead of below by the comments link
From reading other questions here, it looks as though I might have to modify the functions.php for my child theme and create a function that basically adjusts the metadata as I want it? Is that the way we're supposed to do these things?