Favorite team (CSS)

  • Resolved spaniole

    (@spaniole)


    1 year, 9 months ago

    Hi AntoineH

    How to use the following option seen in the backend?
    “Favorite teams get an extra CSS class that you can style in your theme.“

    I have searched the forum, and read your help page (and also searched Google), but I can’t find anything on how to use this “extra CSS class“.

    Help needed please. Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author AntoineH

    (@antoineh)

    1 year, 9 months ago

    It is very simple. You can flag a team (or more) as a favorite. This team will then get an extra CSS class in the front-end when the team is printed in a game schedule. With this extra CSS class you can style the games for your favorite teams differently to make them stand out of the other matches.

    An example for a match where the away team is flagged as favorite:

    <div id="match-2-1" class="match closed away-team-favorite match-card match-type-24" title="match 2">
    ... rest of match card ...
    </div>
    Thread Starter spaniole

    (@spaniole)

    1 year, 9 months ago

    Thank you very much.

    I did the following, if any interest:

    1. Visit your site’s dashboard.
    2. Navigate to Appearance → Customize → Additional CSS.
    3. Type or paste your CSS into the text box provided. The preview window on the right will reflect your changes.

    .away-team-favorite {
    background-color: #d6c579;
    }

    .home-team-favorite {
    background-color: #d6c579;
    }

    4. Click the “Save Changes” button to save the CSS to your site.

    Viewing 2 replies - 1 through 2 (of 2 total)

    The topic ‘Favorite team (CSS)’ is closed to new replies.