Column width?

• 

  janoc812 · Member · Apr 3, 2013 at 2:17 pm

  • Copy link
  • Add topic to favorites

  How can I change the column width on my “Game Results” area?

• 

  kathrynwp · Staff · Apr 3, 2013 at 8:29 pm

  • Copy link

  Hi there, I’d be glad to help with this.

  Is this an example of a column width you’d want to change, because the results are cut off?

  April 1, 2013

  To do that, we’d need to either remove the right-hand column, or make it much narrower, depending how much space is needed. Are you OK with that?

• 

  janoc812 · Member · Apr 3, 2013 at 9:40 pm

  • Copy link

  Yes, the results are cut off along the right hand side. I can do without the right hand column. The only information there is contact info and that is everywhere else on the site.

  Thanks for your help.

• 

  kathrynwp · Staff · Apr 4, 2013 at 2:34 pm

  • Copy link

  You could try adding this code to your Custom CSS, by heading over to Appearance > Custom Design, and clicking the CSS tab. Paste this in completely below the comments in green that are already there and click Save Stylesheet when you’re done.

  #content .category-games-results {
       margin-left: -110px;
  }
  #content .category-games-results pre {
       width: 700px;
  }

  This will preserve your sidebar but shift the game results column to the left and make it wider. Let me know if it works for you!

• 

  janoc812 · Member · Apr 4, 2013 at 8:04 pm

  • Copy link

  Again, thanks for your help, but could the left hand column be just a bit wider? Your instructions were perfect! If you go to our site and look at the “Game Results” you will see what I mean. For April 4 this width works fine, but we might have more pairs and some longer names.

• 

  kathrynwp · Staff · Apr 4, 2013 at 8:47 pm

  • Copy link

  Hi there, it may be easier to make the scores a little bit smaller, by altering this:

  #content .category-games-results pre {
       width: 700px;
  }

  to this:

  #content .category-games-results pre {
       width: 700px;
       font-size: 12px;
  }

• 

  janoc812 · Member · Apr 4, 2013 at 8:53 pm

  • Copy link

  That works perfectly. Thank you, thank you, thank you!

  Jan

• 

  kathrynwp · Staff · Apr 4, 2013 at 8:57 pm

  • Copy link

  My pleasure. :-)

• 

  janoc812 · Member · May 9, 2013 at 1:55 am

  • Copy link

  Sorry to bother you again, but since WordPress made some changes I am once again faced with the column width on my Game Results page being too narrow. I have checked the CSS and the instructions you gave me earlier are still present and for some reason I can’t delete those and paste, once again, the last instructions you gave me. Any help would be appreciated.
  kawvalleybridge.wordpress.com

  Jan

• 

  jonathansadowski · Member · May 9, 2013 at 6:25 pm

  • Copy link

  Hello Jan,

  It looks like you may have recently changed the category that these posts were in from “Games Results” to “Game Results”. The CSS that Kathryn shared earlier can be fixed by modifying the “category-games-results” portions and removing the extra “s”.

  Here’s the complete CSS:

  #content .category-game-results {
       margin-left: -110px;
  }
  #content .category-game-results pre {
       width: 700px;
  }

  Please let me know if you have any problems adding the CSS above and I’ll be happy to take a look.

• 

  janoc812 · Member · May 10, 2013 at 10:34 pm

  • Copy link

  I now see the problem; however, I cannot delete the material currently on CSS. Can I just copy and past the correction below what is currently there? If not, I might need more help.

  Thanks!

• 

  jonathansadowski · Member · May 10, 2013 at 10:44 pm

  • Copy link

  Hi Jan,

  I have made the edit to the CSS for you. Please let us know if you continue to have problems.

• 

  janoc812 · Member · May 10, 2013 at 10:47 pm

  • Copy link

  Thank you, thank you, thank you. I feel so very foolish. I should know better than to make any small change without being aware that it could effect something else. Lesson, I hop, learned.

  BTW, your support is awesome!

• 

  jonathansadowski · Member · May 10, 2013 at 10:48 pm

  • Copy link

  Glad I could be of help. Have a great weekend!