Roch on "[Plugin: SportsPress - Sports Club & League Manager] How to make content area of Rookie theme wider?"

I'm using the latest sportspress and Rookie theme. I'd like to make the content area of the page wider.. less background image on the sides.

I think I need to use custom CSS, but I don't know what exactly I need to set in my custom CSS. I've searched the theme source for "-width" and tried changing some of the, but nothing has resulted in what I want.

thanks

https://wordpress.org/plugins/sportspress/

Hi!

That's harder than it seems. If you change the width of the main container probably the elements inside will misbehave so this will probably need more custom code than we can provide in the free forums.

But would you mind pasting the link to your website here, so we can check it out?

Kind Regards,
-Roch

Sure. Site is http://www.othc35.org .

Not sure how it looks on everyone else's browsers, but on mine I get some unwanted horizontal scrolling in my "Games this week" widget. Here's how I see it and my Idea in red. It would just be nice to have more horizontal real-estate to put things since these tables can take up considerable space: http://snag.gy/9KMdZ.jpg

Can anyone recommend another theme that wastes less space on the sides of the content area, but still works well with Sportspress?

@lmt73 To increase the total content width, try adding something like this to the Custom CSS field:

@media screen and (min-width: 1025px) { .site-header, .site-content, .site-footer, .site-info { width: 1400px; }
}

Thanks, that works great!

I'm glad it's resolved!

Thanks for setting it as resolved also :)

Kind Regards,
-Roch

Where did you add this code? I am having the same issue with my baseball team site: https://onehitters.thedietrichfamily.ca and have way too much white space that I would like to remove.

I added the code:
@media screen and (min-width: 1025px) {
.site-header, .site-content, .site-footer, .site-info {
width: 1400px;
}
}

In the style.css file in the theme editor under the file style.css (Stylesheet) and it did not seem to work.

Hi!

Editing theme or plugin files is not the best idea as your changes will get lost once you update. Add that code in your custom css field ( Wp admin > SportsPress > Settings > General > Custom CSS )

Kind Regards,
-Roch

ah that makes sense and it worked perfectly.. just couldn't find that custom CSS anywhere (that I was obviously not looking hard enough for :)).

thanks!
paul

No worries! I'm glad it's resolved!

Please, let us know if you need anything else.

Kind Regards,
-Roch