Anyway to Change Main Column Width and edit Title?

• 

  mdanezahorsky · Member · Feb 27, 2014 at 9:39 pm

  • Copy link
  • Add topic to favorites

  I switched to the SINGL theme for it’s simplicity, I am hoping there might be a way to change the main column width from 640 px to more like 900.

  The tile and tag line are bordered by two white lines, is there anyway to code those out?

  I really appreciate any help anyone could offer, thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Feb 27, 2014 at 9:42 pm

  • Copy link

  Yes. It will require a custom design upgrade and CSS editing.
  See here for details on purchasing the annually renewable custom and CSS editing:
  Custom design – Frequently Asked Questions
  http://en.support.wordpress.com/custom-design/#frequently-asked-questions
  http://en.support.wordpress.com/custom-design/
  http://en.support.wordpress.com/custom-design/editing-css/
  http://en.support.wordpress.com/custom-design/custom-fonts/

• 

  timethief · Member · Feb 27, 2014 at 9:44 pm

  • Copy link

  P.S. The blog linked to your username is a free hosted WordPress.COM blog wearing the Twenty Thirteen theme. You need to post the link to the free hosted WordPress.COM blog wearing the Singl theme that you purchased the CSS upgrade for to get CSS editing help here.

• 

  mdanezahorsky · Member · Feb 27, 2014 at 10:31 pm

  • Copy link

  That second part didn’t make any sense to me. I did purchase the custom theme upgrade and am looking specifically for a CSS fix. I’ve played around with several code variations but I can only get the center column to move, not to widen. I fully realize it may not be possible.

• 

  mdanezahorsky · Member · Feb 27, 2014 at 10:32 pm

  • Copy link

  Oh and whoops the blog link is as follows: http://zahorskyart.wordpress.com/

• 

  designsimply · Member · Mar 3, 2014 at 11:46 pm

  • Copy link

  I am hoping there might be a way to change the main column width from 640 px to more like 900.

  Totally :) try this:

  .page-header,
  .page-content,
  .hentry,
  #comments {
  	width: 980px;
  }

  That will make the content areas 900px. The Extra 80px is for the 40px padding on each side.

  Looks like you’ve already got it covered, but you’ll also want to update the Content Width setting in Appearance > Customize > CSS to 900 after making this change because that will make media like videos and full sized images insert correctly at the new size.

• 

  designsimply · Member · Mar 3, 2014 at 11:51 pm

  • Copy link

  The tile and tag line are bordered by two white lines, is there anyway to code those out?

  You could take it out with this:

  .site-branding {
  	border: none;
  }

  But I like the lines! :) Consider keeping them. I think it gives the the site title a bit of a logo feel in your case, especially against the background you’ve got. It looks really great!!

• 

  mdanezahorsky · Member · Mar 4, 2014 at 12:46 am

  • Copy link

  Thank you so much! You’re a life saver . I totally agree on the lines. Do know of anyway to link the site title to an external site?

• 

  designsimply · Member · Mar 4, 2014 at 9:52 pm

  • Copy link

  CSS can’t add links, but one possible workaround is to hijack a link from another place on the page and use absolute positioning to repurpose it. It’s a little tricky, so it’s best to look at a live example.

  If you need further help on this separate question, please start a new help request and make sure to include a link to the blog you’re working on.

• 

  mdanezahorsky · Member · Mar 4, 2014 at 9:58 pm

  • Copy link

  Roger that, I will. Thank you again!

• 

  designsimply · Member · Mar 4, 2014 at 10:09 pm

  • Copy link

  Cheers :)