• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Change Categories and Tag CSS with Boxes

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Change Categories and Tag CSS with Boxes

This topic is: not resolved

Tagged: border, categories, change color, css, tags

  • This topic has 6 replies, 3 voices, and was last updated 10 years, 5 months ago by Genesis Developer.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 4, 2014 at 4:44 am #130385
    Brain916
    Member

    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
    November 6, 2014 at 9:43 pm #130754
    Brain916
    Member

    Can anyone help please?

    November 7, 2014 at 8:55 am #130793
    emasai
    Participant

    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

    November 15, 2014 at 11:48 am #131614
    Brain916
    Member

    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.

    November 15, 2014 at 11:59 am #131619
    Genesis Developer
    Member

    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.

    November 16, 2014 at 11:19 am #131744
    Brain916
    Member

    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?

    January 17, 2015 at 3:54 am #137748
    Genesis Developer
    Member

    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
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble