Change Categories and Tag CSS with Boxes

[Brain916Member]

Hello, this might be a bit tricky but if anyone can help I would gladly appreciate it.

I want to change below each post where it says "Category" and "Tags" (previously Filed Under and Tagged With) to have a black box and white text while the actual tags would have a blue box and white text. The boxes would look similar to this:

http://www.sneakerfiles.com/oncourt/wp-content/uploads/2012/02/example-tags-cats.jpg

The categories and tag box would look similar to the social plugins.

Thank you for reading.

http://www.sneakerfiles.com/oncourt/wp-content/uploads/2012/02/example-tags-cats.jpg

[Brain916Member]

Can anyone help please?

[emasaiParticipant]

Find .entry-categories in your css and add this

.entry-categories {
display: block;
background: black;
color: white;
padding: 10px;
margin: 0 0 5px 0;
}

Then do the same for .entry-tags

.entry-tags {
display: block;
background: blue;
color: white;
padding: 10px 0;
}

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Brain916Member]

Thank you for the response emasai, I appreciate it. After I added the styles to CSS, this was the result I received:

http://www.sneakerfiles.com/oncourt/wp-content/uploads/2012/02/cats-tags-sf-new.jpg

I actually wanted something identical to this:

http://www.sneakerfiles.com/oncourt/wp-content/uploads/2012/02/cats-tags-sf-new.jpg

Is there anyway you can help me achieve this?

Thank you so much.

[Genesis DeveloperMember]

line 1530 of style.css file and replace by

.entry-categories {
    background: #000;
    display: block;
    padding: 5px 20px;
}
.entry-categories,
.entry-categories a,
.entry-tags,
.entry-tags a{
color: #fff;
}

line no 1534 and replace by

.entry-tags {
    background: #0000ff;
    display: block;
    margin: 5px 0 10px;
    padding: 5px 20px;
}

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[Brain916Member]

Hey genwrock,
I tried that as well with the same result. Not sure what I am doing wrong?

I am also using the Design Palette Pro, could this be conflicting?

[Genesis DeveloperMember]

Plz mark this topic as RESOLVED.

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[Author]

Posts