numeroish

Hi,

There are 4 league tables on the site (3 are identical, while the 1 on the home page is just the top 5). Applied this code and it appears to work.

@media only screen and (max-width: 500px) {
.elementor-element-b892884 .sp-league-table tr td:nth-child(7), .elementor-element-b892884 .sp-league-table tr th:nth-child(7), .elementor-element-b892884 .sp-league-table tr td:nth-child(8), .elementor-element-b892884 .sp-league-table tr th:nth-child(8), .elementor-element-46612a0 .sp-league-table tr td:nth-child(7), .elementor-element-46612a0 .sp-league-table tr th:nth-child(7), .elementor-element-46612a0 .sp-league-table tr td:nth-child(8), .elementor-element-46612a0 .sp-league-table tr th:nth-child(8), .elementor-element-d38100b .sp-league-table tr td:nth-child(7), .elementor-element-d38100b .sp-league-table tr th:nth-child(7), .elementor-element-d38100b .sp-league-table tr td:nth-child(8), .elementor-element-d38100b .sp-league-table tr th:nth-child(8), .elementor-element-ec0dc8d .sp-league-table tr td:nth-child(7), .elementor-element-ec0dc8d .sp-league-table tr th:nth-child(7), .elementor-element-ec0dc8d .sp-league-table tr td:nth-child(8), .elementor-element-ec0dc8d .sp-league-table tr th:nth-child(8) {
display: none;
}
}

Is there a simpler way?

All the best,
Chris

Hi,

Yep, what would be nice is a simple…

Team A 3-2 Team B

All centred on the same line.

Hiding date and status doesn’t align things up properly.

All the best,
Chris

OK here you go…

Finding it difficult to override some of the CSS, but here is what I’m using so far.

https://komi.numero.uk/news/team/komi-kebir/

Couldn’t find the CSS to create margin space between the event boxes, so opted for using borders instead with the background color.

It appears that color:#ffffff for a:visited is working on .sp-event-title, but not for a or a:hover.

And I’m struggling to change a, a:hover and a:visited for the highlighted team in league table to #ffffff.

Also if I wanted to hide/remove date and preview/fulltime from team box here, what’s the best way?
https://komi.numero.uk/news/match/omonia-london-vs-komi-kebir/

h1.entry-title {
display: none !important;
}

.sp-data-table .sp-highlight, .sp-data-table .highlighted td {
color: #ffffff !important;
background: #AC141A !important;

}

.home .elementor-element-64ea1be .sp-event-title, .home .elementor-element-71a8661 .sp-event-title, .elementor-element-216ea03 .sp-event-title, .elementor-element-61c2ab3 .sp-event-title, .sp-fixtures-results .sp-event-title {
font-size: large !important;
color: #f5f5f5 !important;
padding: 10px !important;
margin: 10px 0px 0px 0px !important;
background: #AC141A !important;
}

.home .elementor-element-64ea1be .sp-event-date, .home .elementor-element-71a8661 .sp-event-date, .elementor-element-216ea03 .sp-event-date, .elementor-element-61c2ab3 .sp-event-date, .sp-fixtures-results .sp-event-date {
font-size: medium !important;
color: #333333 !important;
padding: 10px !important;
margin: 0px 0px 10px 0px !important;
background: #C5CED4 !important;
}

.elementor-element-216ea03 .sp-template-event-blocks td, .elementor-element-61c2ab3 .sp-template-event-blocks td, .sp-fixtures-results .sp-template-event-blocks td {
margin: 0px !important;
padding: 1px !important;
border-width: 10px 1px 30px 1px !important;
border-color: #293539 !important;
}

.sp-league-table .data-name a, .sp-league-table .data-name a:hover, .sp-league-table .data-name a:visited {
color: #333333 !important;
text-decoration: none !important;
}

.sp-data-table .sp-highlight .data-name a, .sp-data-table .sp-highlight .data-name a:hover, .sp-data-table .sp-highlight .data-name a:visited {
color: #ffffff !important;
text-decoration: none !important;
}

.sp-event-title a, .sp-event-title a:hover, .sp-event-title a:visited {
color: #ffffff !important;
text-decoration: none !important;
}

.sp-event-blocks .sp-event-venue {
margin: 0 10px !important;
}

Hi,

Any help will be gladly appreciated.

Thanks