CSS styling on category headers on modular index

[Solari]

Greets,

On individual category pages, I was able to get the category name to be in a colored block like so:


I'd like to be able to do this on the module index page as well for each article view category header -- I'm having a devil of a time getting it to work though as I'm not a pro at CSS. Basically the link color/visited link color defaults to the gray background; I want it to be white like above with orange background. What's the best way to do this?



Thanks!
Ray

 

[Bob]

You should learn how to use a browser inspection tool. It will tell you the CSS Classes that come into play. They are super easy to use

In this case, I right click on the Category Link on Modular Layout and click on Inspect (Chrome Tools) or Inspect Element (FireFox Deveoper Tools).

.showcaseMain .catHeading is the CSS Class that is setting the Color, Font Size and Font Weight, so you simply need to add that css class to Extra.css and set different Color, Size, Weight etc (and might be a good idea to set !important on it so that you can make sure it overrides the core classes that come into play.