Assigns each category link color from post meta.

[paula1]

Hi there

Is it possible to assign each category link color form post meta (genesis_post_categories_shortcode)?

I notice that post meta comes from - genesis_post_categories_shortcode function from post.php.

function genesis_post_categories_shortcode( $atts ) {

	$defaults = array(
		'sep'    => ', ',
		'before' => __( 'Filed Under: ', 'genesis' ),
		'after'  => '',
	);

	$atts = shortcode_atts( $defaults, $atts, 'post_categories' );

	$cats = get_the_category_list( trim( $atts['sep'] ) . ' ' );

	//* Do nothing if no cats
	if ( ! $cats ) {
		return '';
	}

	if ( genesis_html5() )
		$output = sprintf( '<span %s>', genesis_attr( 'entry-categories' ) ) . $atts['before'] . $cats . $atts['after'] . '</span>';
	else
		$output = '<span class="categories">' . $atts['before'] . $cats . $atts['after'] . '</span>';

	return apply_filters( 'genesis_post_categories_shortcode', $output, $atts );

}

[Brad Dalton]

You want a different color for each category link? How many categories?

---

Tutorials for StudioPress Themes.

[paula1]

Thanks for quick reply. I do appreciate it braddalton.

Yes. I really want to display different color for each category link at post meta.

I've 4-5 categories in my blog.

[Brad Dalton]

Try https://css-tricks.com/how-nth-child-works/

---

Tutorials for StudioPress Themes.

[paula1]

That's really neat solution. I did try and it works. Fantastic.

But, sadly, that won't help to assign specific color for each category link.

[paula1]

Would it be possible to add category slug in $output span?

$output = sprintf( '<span %s>', genesis_attr( 'entry-categories' ) ) . $atts['before'] . $cats . $atts['after'] . '</span>';

[Brad Dalton]

Works like this:

---

Tutorials for StudioPress Themes.

[paula1]

Yes, Brad. It works like in your reply. nth-child selector handles well to add different colors for category links.

As an example above -

Category 2 = Orange
Category 5 = Blue
...
...
... etc.

But if the post is under category 1 and category 3, those two category links will go with same colors -

Category 1 = Orange
Category 3 = Blue

So, nth-child selector - it doesn't help to assign specific color for each category link.

But, I really like your solution. Just using CSS to achieve it.

[Brad Dalton]

Not based on my solution.

Styles each link differently on all single posts and archive types regardless of how many categories each post is assigned to.

---

Tutorials for StudioPress Themes.

[Author]

Posts