1. REGISTRATION REQUIREMENTS:

    Register with your xenforo.com Username then start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

CSS styling on category headers on modular index

Discussion in 'Showcase Support' started by Solari, Nov 20, 2018.

  1. Solari

    Solari Member Showcase Premium Sportsbook Pickem

    Greets,

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

    Screen Shot 2018-11-20 at 1.20.16 PM.png
    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?

    Screen Shot 2018-11-20 at 1.20.32 PM.png

    Thanks!
    Ray
     
  2. Bob

    Bob Developer Staff Member

    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.

    Selection_707.png
     
    Solari likes this.
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.