full width structure theme

• 

  petitenails · Member · Jan 14, 2011 at 8:13 pm

  • Copy link
  • Add topic to favorites

  http://structuretheme.com/demo/?page_id=23

  hi i wish to achieve the full width look for the structure theme. how do i go about it? what code do i need to adjust? i need instructions on how to hide the sidebar on this theme too.
  thank you very much

• 

  thesacredpath · Member · Jan 14, 2011 at 8:52 pm

  • Copy link

  Structure offers a full-width page template for static pages only. There is no way to make the post related pages (main page, archives, categories and tags) full width unless you had CSS editing experience and the paid CSS upgrade.

  http://en.support.wordpress.com/custom-css/

  Add Custom CSS

• 

  petitenails · Member · Jan 14, 2011 at 9:24 pm

  • Copy link

  hi sacredpath i am willing to get the css upgrade and yes i have static pages.
  i went thru the links u posted but it doesn’t explain fully the css code that i would need to change to achieve the full width look.

  as far as i understand it the option below applies to width of primary content area only after i have altered the code to achieve full width look.

  Limited Width

  This option should be used if you modify the width of the primary content area using custom CSS. WordPress will use the “limit width” to determine the default size for full-size images, videos, and some shortcode widths when they are inserted into your blog. Note that this option will not change the width of existing images or videos that have already been embedded. Also, this option will not change the width of the blog.

  i will be glad for any code alterations that u can provide me.
  many thanks

• 

  thesacredpath · Member · Jan 14, 2011 at 9:53 pm

  • Copy link

  You really need to get at least a general understanding of CSS and XHTML (the markup) and how the two relate. At the top of the CSS forum, there are some references to tutorials and such.

  https://en.forums.wordpress.com/forum/css-customization

  The following takes care of the home page and the category, archive and tags pages. For static pages such as the about page and such, you can use the full-width page template from the page editor.

  #sidebar_left, #sidebar_right {
  display: none;
  }
  .homepagemid {
  width: 960px;
  }
  
  #contentarchive, #contentarchive .postarea {
  width: 960px;
  }

  You can try the above out with the CSS preview function but on the preview page you might have to force refresh the page in order to see the changes.

• 

  petitenails · Member · Jan 14, 2011 at 10:13 pm

  • Copy link

  thank you very much for your help. i will try out the code alterations :)

• 

  timethief · Member · Jan 14, 2011 at 11:20 pm

  • Copy link

  @petitenails
  I’m just mentioning something you may benefit from. CSS is theme specific. When you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing. > http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade

• 

  wickje · Member · Feb 9, 2011 at 3:14 pm

  • Copy link

  @sacredpath
  When I use the style you suggested for “full width” post body, or no sidebars, it worked great. (The bit about .homepagemid {width: value;})

  But how could I get the “featured image” thumbnails to follow suit?

  Thanks[everybody] for all your help in these CSS forums!

• 

  wickje · Member · Feb 10, 2011 at 4:39 am

  • Copy link

  Never mind….
  I asked a friend about it. I think it’s a php issue.

• 

  thesacredpath · Member · Feb 10, 2011 at 4:53 am

  • Copy link

  This can be done in the CSS, but it distorts the featured image considerably width wise.