WordPress.com

1. griffinstringer
   Member
   Oct 1, 2012, 8:26 AM

   Hi.

   I dont really know anything about CSS so im struggling to sort this.

   I would like the left sidebar to be displayed, with the black menu like in the demo (i also have a few images in the left sidebar!), but then i want the content to take up the rest of the page width. For this i need to remove the right sidebar, but im not sure how.

   Essentially therefore what i need is, on every page, 2 columns: 1 column would be the left sidebar, width approx 250 pixels or whatever the default is, and the other column would be the remaining 700 or so pixels for the normal content. I would like this to appear on every page.

   Can anyone help?

   Steve

2. designsimply
   Staff
   Oct 1, 2012, 9:21 PM

   To clarify, the Oxygen demo site's home page is using a static front page and a custom showcase page template which can be set by editing the page attributes for a page.
   http://oxygendemo.wordpress.com/

   And the posts page for Oxygen does indeed have a right sidebar which you can see at the demo site under the "Blog" heading:
   http://oxygendemo.wordpress.com/blog/

   So if you'd like to use the showcase page template to make your blog look like the home page of the demo site, follow the instructions at http://theme.wordpress.com/themes/oxygen/

   You also have the option to manually add some CSS to nix the sidebar. Here is an example:

   #content {
   	margin-right: 0;
   }
   #tertiary {
   	display: none;
   }

   I would aslo recommend updating the limit width setting to the new main content width, which is 750 in the case of the example above.

3. abuphampi
   Member
   Oct 3, 2012, 8:26 PM

   Is there any way to the previous css modifications, but only affecting the posts, and not the showcase page?

   That would be awesome, txs!

4. jizellebautista
   Member
   Oct 28, 2012, 4:28 PM

   Thank you very much for this. My blog is nowwhatstheplan.com and I upgraded ($30 USD) to make the adjustments aforementioned. What I noticed however is that although my posts are full-width, the blog page has been affected. The cropped images are still 450px width so the CTAs are floating on the right side. Any idea on how to fix this? Thanks very much!

5. designsimply
   Staff
   Oct 28, 2012, 5:21 PM

   Is there any way to the previous css modifications, but only affecting the posts, and not the showcase page?

   To just affect the posts, add ".single" to the beginning of the selectors. I see that you've already figured it out for your blog. Nice work. :)

6. designsimply
   Staff
   Oct 28, 2012, 5:25 PM

   What I noticed however is that although my posts are full-width, the blog page has been affected. The cropped images are still 450px width so the CTAs are floating on the right side. Any idea on how to fix this?

   Try updating the limit width setting at the bottom of the Appearance → Custom Design → CSS page to match your content area width.

7. trailofneonfeathers
   Member
   Nov 2, 2012, 7:06 AM

   Hi,
   I'd like to do the same thing with my blog trailofneonfeathers.com but am having the same problem with the floating CTA when you click on different categories. I only want the view to be full-width when a reader clicks on an individual post. Where do I add ".single"? Would you mind providing the css code that I can copy and paste for this?

   Thanks,

8. jizellebautista
   Member
   Nov 12, 2012, 11:04 PM

   Try updating the limit width setting at the bottom of the Appearance → Custom Design → CSS page to match your content area width

   Hello there, and thank you for your help. I updated the value field to 750px and it's still not working, I'm afraid. What's happening is that the preview image remains the 450px width and the tags and CTA hang right-justified. Do you have any other ideas?

Topic Closed

This topic has been closed to new replies.