• 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

How to Make Different Color on Categories

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 › Design Tips and Tricks › How to Make Different Color on Categories

This topic is: not resolved

Tagged: categories, Colors, entry-meta

  • This topic has 2 replies, 2 voices, and was last updated 7 years, 6 months ago by Jamaluddin Rahmat.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 25, 2016 at 11:44 pm #182259
    Jamaluddin Rahmat
    Member

    So, I have some problem with how to make the different color on categories.
    You can look at my design here.

    Design: http://prnt.sc/ak5n54

    So far I only can make just one color like magazine pro did it.

    Demo: http://demo.studiopress.com/magazine/

    I want to make the different color automatically rather than change it manually via category ID + CSS.
    Any references are welcome 🙂

    Thanks for your help.

    March 26, 2016 at 7:02 am #182275
    Victor Font
    Moderator

    We would have to look at the site so please post a link.

    If you don't want to create CSS for each category ID in style.css, then the alternative is to apply styles dynamically at run time using jQuery. This still requires identifying the element in the DOM by element type, class, name, or ID and mapping the element to a specific color. So it's essentially the same as creating individual styles.

    There is one more alternative, but it requires some advanced programming. You could add a custom field to the category page to hold a color value, then display that color value at run time.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    March 27, 2016 at 8:38 pm #182347
    Jamaluddin Rahmat
    Member

    @Victor Font

    Yes, I want make using jQuery.
    I look some themes can make it via Customizer.

    For second alternative, I also found one theme with that option.
    Maybe I will buy that theme and learn that code 🙂

    Thank for your advices...

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ 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

© 2023 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