change width of whole site css

• 

  jordanrinehart · Member · Jul 18, 2013 at 1:31 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’d like to make my whole site wider, as since the content has grown, the navigation tabs and Facebook feed content appears crammed. I recently purchased the customization upgrade, but have little experience writing my own CSS. Any suggestions for easiest way to expand width? Currently using the Blix theme, although may change theme at some point, although it’s my understanding that custom CSS page will override theme CSS.

  Thanks!

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

• 

  ritournelleblog · Member · Jul 18, 2013 at 3:17 pm

  • Copy link

  Sorry to intrude, but I’d love to know about this too!
  I’m currently using Pilcrow on my blog http://ritournelleblog.com and would like to have wider images since there is a lot of blank column space on this theme. I have no experience with CSS.
  Thanks!

• 

  designsimply · Member · Jul 18, 2013 at 3:42 pm

  • Copy link

  @ritournelleblog, no worries! However, your question is about a totally different theme and CSS is theme-specific. Can you make a new help request at https://en.forums.wordpress.com/forum/css-customization/#postform ?

  This has also been posted about in the past, so check out this reply first: https://en.forums.wordpress.com/topic/changing-width-of-content-space-for-the-pilcrow-theme?replies=12#post-834190

• 

  ritournelleblog · Member · Jul 18, 2013 at 3:44 pm

  • Copy link

  Sure! Again, sorry for intruding; I didn’t know CSS was theme-specific (that’s how clueless I am ;-)

• 

  designsimply · Member · Jul 18, 2013 at 3:56 pm

  • Copy link

  For the Blix theme, here is an example that will increase the width of the container and the main content area by 300 pixels:

  #container {
  	width: 990px;
  	background-position: 800px;
  }
  #content {
  	  width: 755px;
  }

  You can adjust that number values two different ones if you’d like. You may also want to think about putting some of the menu elements into submenus to help with the two-line menu issue.

• 

  fppalouse · Member · Aug 21, 2013 at 6:27 pm

  • Copy link

  It worked – thanks! How can I change the width of the sidebar? Site is familypromisepalouse.org

• 

  thesacredpath · Member · Aug 21, 2013 at 8:49 pm

  • Copy link

  Hi, you can change the width of the sidebar here:

  #subcontent {
  width: 205px;
  }

  You will likely also need to adjust the position of the background element with the grey line, which is here in your custom CSS:

  #container {
  background-position: 800px center;
  }