Custom Stying

@discosombrero

IMO, styling is completely subjective to what you want, how it fits within the theme, etc. I’ve completely changed the output of the table with a little CSS :
https://nghapoe.ca/midget-aa/game-schedule/

You can easily see the classes here :

View post on imgur.com

and there is a section in the CSS file you can override, starts at /* Table */
<your website>/wp-content/plugins/sportspress-pro/includes/sportspress/assets/css/sportspress-style.css?ver=2.3

I agree completely with you. However I would have thought that some sort of documentation regarding this would have cut down on support topics.

thanks for the heads up though – ill take a look. ??

Jay

@discosombrero

The docs do refer to the styles that are configurable :
https://support.themeboy.com/article/297-general-settings

as well as some integration points :
https://www.themeboy.com/blog/integrate-sportspress-wordpress-theme/

@corrinarusso

Yeah Ive taken a look at these but they only really cover the point and click modifications. Im guessing that some more CSS is needed to achieve control over the table on a more advanced scale for fonts, individual headers etc.

@discosombrero

Yup. Like I mentioned, grab all the CSS under the /* Tables */ heading from your site, and copy it over to Customizer –> Additional CSS

<your site>/wp-content/plugins/sportspress-pro/includes/sportspress/assets/css/sportspress-style.css

Should all be in there.

Thanks Corrina… Really appreciate the advice.

Stay safe and well.

Hi there!

Corrina has pretty much summed up everything on this one. But yes, we don’t have any docs with a list of the current styles. Pretty much because the rules you need to use depend heavily on what you are trying to do.

Surely there are some basic adjustments we can do in bulk, but a lot of them depend on what you are trying to do.

Thanks!

@rochesterj

Hey.. thanks for taking a look.

basically I need to style the league table.

Adjust the fonts, colours, borders etc along side the padding and sizing.

if you could help with a quick run down that would be great!

j

Hi!

Alright!

So here are a few things you can use in your styling:

/** Table captions **/
.sp-table-caption {
	font-family: Arial;
	font-size: 10px;
	color: red;
}
/** table headers **/
.sp-data-table th {
	color: red;
	font-size: 10px;
}
/** table content **/
.sp-data-table th {
	color: red;
	font-size: 10px;
}
/** borders and paddings **/
body table, body th, body td {
	border: 1px solid red;
}
body th, body td {
	padding: 2px;
}

I hope this helps you. If you need anything else just let us know.

Thanks!