Mindstream post-format-image Background Color

[katymartin]

Hi there. I've located the CSS for post-format-image in the Mindstream theme and am able to change the background color of the icons to something other than just #DDDDDD (default).

But my question is about how I might have a different background color for each post format? For example, the "video" post icon would have a yellow background. The "status" post icon would have a red background. The "aside" post icon would have blue background. Etc.

Anyone know how i might achieve this?

http://primnotes.com/

[Mike Imken]

One option seems to be adding css for the format classes. Though you want some padding as well.

.format-video {
background-color: #ffffc0;
padding: 10px;
}

.format-aside {
background-color: #dadeff;
padding: 10px
}

And you may want to remove the border-bottom on the .post class. Or perhaps change the color to a another shade of your specific post format color. Might be a nice effect.

---

Marketer – Designer – Developer
http://www.TargetPublic.com

[katymartin]

Thanks Mike. But that seems to change the background color of the post body itself. I'm looking to change the background color of the ICON only.

The CSS for this seems to be: .post-format-image (but that's for all of them)

Is there a way to break out the CSS so I can style the icon backgrounds differently based on the "alt=" distinction? (i.e. alt="aside")

[Mike Imken]

I see! I didn't read your request very carefully did I? Yes, my initial suggestion would change the entire background for each post format.

To change the specific post format image backgrounds, you could add this:

.format-video .post-format-image {
background-color: #ffffc0;
}

.format-aside .post-format-image {
background-color: #dadeff;
}

---

Marketer – Designer – Developer
http://www.TargetPublic.com

[katymartin]

Mike... you're a gentleman and a scholar. Give yourself a pat on the back because your solution worked flawlessly.

Consider this question resolved.

[Author]

Posts