• How can I change the width of the available columns? I’m using the “other” column to display a phone number, and Last School has the school, but there is so much text, it’s putting it on two lines. I’d rather have a stretched out roster (I hope that makes sense). I’m guessing I need to change the CSS files, but I’m hesitant to do so until I know what to change.

    I’d also like the photos to be bigger. I’ve changed the Player Photo Width and Player Photo Height in the settings, but don’t see a change. I’ve also put the link to the larger photos in the spreadsheet with no change. I’m sure I’m just missing something.

    Here’s the link to the page: https://lfc03boyswhite.onlinewebshop.net/numerical-roster/

    Thank you for your help.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Mark O’Donnell

    (@markodonnell)

    Hi,
    First thanks for the link, that always helps.

    As for the table layouts, they are a bit tricky in CSS. In an ‘auto’ layout like we have here, the browser tries to lay things out in a flexible manner, based on many factors, including how words are wrapping in the cells. In this case, you have a long ‘word’, the email address, with no natural breaks, and another ‘word’, the cell number, with very natural breaks – the hyphens. So the email column is too wide and the cell column is too narrow for us humans. You are right, the CSS rules need some mods, but it is not a simple fix. The containing element (your theme’s CSS) also plays into this, i.e., the fix is somewhat ‘theme dependent’.

    As for images, yes, the photo height and width settings are janky, in part because some users find controlling them through CSS to be more flexible. Here’s a sample rule that will make the images bigger:

    .mstw-tr-table tbody tr td img {
        width: 100%;
    }

    Hope that helps.
    -Mark

    Thread Starter samgordon

    (@samgordon)

    Thanks Mark.

    I wonder if the position column is going so wide because one player wants to list a bunch of positions. I’m hoping if I shorten that, it will allow room for the cell phone.

    I’ll keep playing with the photos too.

    Thank you for doing this plug in. Once I got the hang of it, it made things easier (I’m also using your scheduling plugin).

    Plugin Author Mark O’Donnell

    (@markodonnell)

    That will definitely help. You should be able to easily get the cell phone on two lines at least.

    Which scheduling plugin are you using? MSTW League Manger? Since you are using two MSTW plugins, you might consider

    You’re welcome.

    -Mark

    Thread Starter samgordon

    (@samgordon)

    Mark,

    Sorry, I got everything looking pretty good last night and then had to take a break. I am using MSTW Schedules & Scoreboards (link to page: https://lfc03boyswhite.onlinewebshop.net/schedule/)

    I’ve created this site as a recruiting website for my son’s club soccer team. I don’t need to keep up with team standings and live scores, it’s just one team. If League Manager would give me more formatting options, I might look into it.

    I have two issues I currently need help with (and I might just need to poke around some more)…
    * Trying to find the CSS area to modify the text in the roster table (bold, font-size, etc). I found what appears to be the CSS files (wp-content/plugins/team-rosters/css), but no matter what I adjust (I found anything relating to ‘font-size’ and changed it to 110 sted 11), the fonts don’t change.
    * In the schedule plug in, under ‘games’, I created all of our games with date and time. Great, displays fine. I go back to past games and fill in the game result data fields (Home Score, Opponent Score, Final Score). Nothing changes on the display. In “Game Result”, I put ‘Win 3-2’. Well good, it displays on the schedule, but as a second game (see link above, then the very first game on the schedule). It shows up as a second game in the table view as well as the slider view.

    Any help you can give me with these two issues would be appreciated.

    Thank you

    Thread Starter samgordon

    (@samgordon)

    OK, I’m an idiot, I figured out the game duplication, I had apparently created the game twice and didn’t catch it.

    Still looking for the appropriate CSS for the roster table.

    Plugin Author Mark O’Donnell

    (@markodonnell)

    First, the MSTW Schedules & Scoreboards plugin is no longer really supported. I think it will meet your requirements, but I’m investing my efforts in developing and supporting the MSTW League Manager plugin, which does everything that S&S does, plus a whole lot more. For example, it integrates with Team Rosters a bit now, and will integrate seamlessly with the next Team Rosters release. In any case, (a) you may want to look at MSTW League Manager, and (b) you should post any questions about MSTW Schedules & Scoreboards to its support forum.

    Second, you should be using a file called mstw-tr-custom-styles.css and located in your theme’s directory (hopefully you are using a child theme!). That way the changes you make there will survive updates to both the plugin and your theme. There is a video tutorial on all this on shoalsummitsolutions.com. Access to the video tutorials there requires a Gold Support membership (which also puts you first in the queue for my support). The fonts will change with the right CSS rules, but should you prefer to continue to “poke around”, have at it. I do recommend starting with the manuals on shoalsummitsolutions.com.

    Cheers,
    -Mark

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change Roster Column Width’ is closed to new replies.