Changing sidebar length using CSS? Oxygen theme
-
Hi all,
We currently have the entire left sidebar removed throughout the site and content stretched into the space, with a full page width slider on the front page. We found that this made individual posts much easier to read. However, we are now thinking of returning the sidebar but only at the top of the showcase page, so that author profile or the tag cloud widgets can be next to the slider, but ‘recent articles’ remains stretched. Is there a way to do this that:a) does not put the left sidebar back onto post pages
b) only goes as far down as the length of the slider? Is it even possible to use CSS to change the length of the sidebar space?Thanks very much for any advice you can give,
SusSec Team
The blog I need help with is: (visible only to logged in users)
-
Hi,
1)how did you remove the left sidebar?
2)how did you make the Sign up for Email update thing look like that?Thank you!
-
Hi beglobaltexas,
1) To remove the left sidebar, we used:
#content {
margin-left: 0;
}2) the sign up form is actually just a contact form we designed and copied into a text widget. This is so that we can control how regularly updates are sent to our readers, as we wanted to have monthly send-outs instead of an update for every new post. We then used CSS to create the box and ‘colour it in’ as below (Commands below but obviously add whatever colours, widths etc you want):
.contact-form {
width: [X]px;
color: [X] ;
background: [X]px ;
padding-top: [X]px;
padding-right: ;
padding-left: ;
padding-bottom: ;
border-left: [X]px solid [colour];
border-right: ;
border-top: ;
border-bottom: ;
}Hope that helps… and that someone will respond to our question as well!
SusSec Team
-
a) does not put the left sidebar back onto post pages
One trick that could work for that would be to hide it with display:none and then use display:block with “.home” as the first part of the selector to add it back just to the home page.
Another route would be to figure out the right body classes for different types of pages (i.e. posts, pages, categories) and target them individually to hide the sidebar just for those.
b) only goes as far down as the length of the slider? Is it even possible to use CSS to change the length of the sidebar space?
This depends. I can’t quite visualize this yet. I checked http://sustainablesecurity.org/ and I see that there is indeed a sidebar on the home page, but it’s quite long. Were you thinking of moving the sidebar to the left and up higher so it begins at the same place on the page where the slider starts?
Good questions btw. :) It’s nice to see people doing really cool stuff with CSS on WordPress.com.
-
-
I’m going to mark this thread as resolved because I checked http://sustainablesecurity.org/ and the content and sidebar length look good there.
If you need further help, reply here and mark the thread as “not resolved” or start a new help request.
-
Hi! So sorry for not responding – for some reason WordPress forum response emails went into our junk mail!
Thanks for your help – we’ve decided to leave the site as is for now.
All the best,
SusSec team
-
Oh no! Thanks for replying when you did find the messages. If you could mark messages from WordPress.com as “not spam” that would be really awesome. :)
Cheers!
- The topic ‘Changing sidebar length using CSS? Oxygen theme’ is closed to new replies.
WordPress.com Forums 