League table display

  • Resolved richopenshaw

    (@richopenshaw)


    4 months, 1 week ago

    Hi,

    I have 4 different league tables on my website. The code for each is the same but 2 are not displaying colour behind the column headers and so the cannot be read. The only difference from the others is that they are in a column of a page that is split into 2 but I don’t see why that would affect it. Any ideas?

    Link above is an example of one not displaying as I want, this is what I want https://inverurielocos.com/league-table/

    Thanks

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • ozgurgedikli

    (@ozgurgedikli)

    4 months, 1 week ago

    Hello

    Is the color you requested different in the column headers section of the league table?

    Your question about why the title section isn’t colored seems to be due to a difference in CSS. Currently, in the league table you added in two parts, you use CSS as follows: 

    .sp-data-table th, .sp-template-countdown .sp-event-venue, .sp-template-countdown .sp-event-league, .sp-template-gallery .gallery-caption { background: #ffffff !important; }

    while in the other page you specified as colored, you use CSS as follows:

    Your question about why the title section isn’t colored seems to be due to a difference in CSS. Currently, in the league table you added in two parts, you use CSS as follows: 

    .sp-data-table th, .sp-template-countdown .sp-event-venue, .sp-template-countdown .sp-event-league, .sp-template-gallery .gallery-caption { background: #ffffff !important; }

    while in the other page you specified as colored, you use CSS as follows: 

    .league-table-main .sp-data-table th { background: #e40f1b !important; color: white !important; padding: 20px 0px 20px 20px !important; font-size: 18px !important;font-family: 'Teko',Helvetica,Arial,Lucida,sans-serif; line-height: normal !important;}

    is implemented as follows.

    The table header appears white due to the background: #ffffff !important; you applied in your other tables. This option can be used wherever you want by adding the code to a class: 

    .league-standings-page .sp-data-table thead th { background: #e40f1b !important; color: #fff; }
    Thread Starter richopenshaw

    (@richopenshaw)

    4 months, 1 week ago

    Thanks, this makes sense but I don’t know where you are finding this code, or where I need to add the code you suggest.

    ozgurgedikli

    (@ozgurgedikli)

    4 months ago

    Try adding the following line to Appearance > Customize > Additional CSS in the WordPress admin menu:

    .league-standings-page .sp-data-table thead th { background: #e40f1b !important; color: #fff; }
    Thread Starter richopenshaw

    (@richopenshaw)

    3 months, 4 weeks ago

    Thanks, I’ve added this but it has had no effect.

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

You must be logged in to reply to this topic.