Oxygen: sidebars, slider and main content adjustment
-
Hey all,
With the theme Fresh & Clean being retired, I needed a new theme. I like the posibilities of the Oxygen theme, so I decided to install that one. But now I run into a few …”complications”.
1. I’d like to remove the left sidebar.
2. I’d like the slider to have the full width
3. I’d like the right sidebar to have the same width as it’s now and at the same time expand the content so that’s it’s got more room. Basically I want the content part use the room of the left sidebar.I found this post, but unfortunately it doesn’t seem to work properly, at least not for me.
For the first point, I’ve added the following code:
#secondary {
display: none;
}#content {
margin-left: 0;
}
The left sidebar is indeed not shown, but the content is not moving to the left. It’s like the there’s still a left sidebar, but without content.I’ve been trying to adjust the settings for the featured wrapper, wrapper-content and such, but nothing seems to help.
Basically, I’m trying to get this layout working in Oxygen:
Wanted LayoutI hope someone can help me with it!
The blog I need help with is: (visible only to logged in users)
-
You should probably reconsider. The layout you want is relatively easy to create, but the width of the featured images in the post slider isn’t determined via CSS, so if you make the slider full-width you won’t be able to display real wider versions of the images: they will be blown up versions of the default ones, which means very poor quality.
-
Ah, that’s too bad, about the slider, I mean.
Okay, so no full width slider. But how about getting the content on the left and perhaps the slider aligned in the center?
Cause this doesn’t seem to work to get the content on the left. At least not for me:#content { margin-left: 0; }I’ve got the feeling I’m missing something/overlooking something, but I don’t know what.
-
So I suggest you look for a different theme – one with a full-width slider.
The themes that support a posts slider are these:
http://theme.wordpress.com/themes/features/post-slider/ -
Hmm… don’t know why the breaks are entered in the code (I do use th code tags). Just to be clear: The break codes are NOT in the css.
/* looks confused at the seemingly broken code */[Note from staff: I fixed the code above. Not sure why that happens sometimes! If you figure out what triggers it, please let us know.]
-
1) Sorry, I typed the previous reply before seeing yours.
2) Yes I know the break tags aren’t in the code. To display code here, don’ use code tags: enclose the code in backticks (see the note on “Allowed markup”).
3) To create the layout you want, you would start with this:.page-template-showcase-php #content-wrap { width: 100%; }But as I said, better look for a different theme.
-
-
That’s exactly the one I found too, after founding the originally stylesheet :)
And it seems the images in the slider are not distorted.And just because I love doing the hard thing when I can do easy thing, yeah…. I’ve just made a picture for full width, since the text from the slider is full width. There’s actually quite a lot of coding from the slider in the originally stylesheet. Hadn’t expected that.
Okay, next time I’ll use the backticks for code :) It’s weird, though. You’d say that if the options give specifically the code for code, you’d think you could use that. Hmmmm… Am I still making sense :grin:
-
The featured images didn’t lose quality because the initial step I suggested above simply reclaims the unused space of the hidden left sidebar: it doesn’t make the featured images full width, it merely sends them flush left.
As I said in my blog, you’ll find out what you need to target/change a lot more easily if you learn to use Firebug than if you examine the original stylesheet of the theme.
Yes, you are making sense. What you’re not aware of is that the code tags are used to display generic computer code, not HTML or CSS coding.
-
Ah, so that’s why the slider looks so weird. Images sent to the left, but not the text. And here I was thinking it had something to do with the width of the images.
The full-width image was indeed maxed to a certain width (750 I assume). Hmmm…Yeah, I’m trying to combine what I see in Firebug with what I see in the original stylesheet. That’s why I hoped I could correct the slider, but alas, to no avail as you said in your blog :) It’s distorted and although what I see in Firebug seems to be in the stylesheet, it’s different nonetheless, so changing it didn’t do anything.
Good to know I’m still making sense with my babbling about the code tags :) And something to keep in mind: code tags are NOT for HTML and CSS coding. Got it.
I’ve also got a new featured pic for a normal post, but that’s not working as I had expected either. This dummy is pretty strict. Too bad :(
Hmmm… I think it’s time to look at alternative themes, like you suggested. Too bad, I liked the little previews of the slider articles under the slider. Oh well, since it’s all free I guess that’s why there are limits :)
-
Well, I’ve viewed all themes with a slider and I think Nuntius might be a good theme too. I’m going to try that now to see if it’s something I’m looking for :)
Thanks for all the help, Justpi :)
-
You’re welcome.
For the record, the CSS I originally suggested was just the first step (after removing the left sidebar): if you were determined to continue with Oxygen, you’d need several other modifications to correct the “weird” side-effects of that first step.
Nuntius is an interesting and elegant theme, in my opinion, and it can become more so with a better background and some font changes. But I don’t think its default styling fits your subject matter, so I hope you’ll change it a lot!
-
Yep, Nuntius is certainly Elegant. Until I’ve made a nice screenshot from within Lotro, I’ll keep the current styling. Once I’ve got a fitting screenshot for the header, I’m going to adjust the entire style. I’ve got a few things in mind. I’ll have to see if they work out the way I’d like them to work out :grin:
- The topic ‘Oxygen: sidebars, slider and main content adjustment’ is closed to new replies.
WordPress.com Forums 
