Need help? Check out our Support site, then


change width of whole site css

  1. jordanrinehart
    Member

    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 familypromisepalouse.org.

  2. ritournelleblog
    Member

    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!

  3. @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 http://en.forums.wordpress.com/forum/css-customization/#postform ?

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

  4. ritournelleblog
    Member

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

  5. 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.

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

  7. 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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic