Changing Body Width and Removing Title from Sandbox 1.6.2
-
I do apologize if something like this is already floating around out there, but I couldn’t find anything in search…
Anyway. I am currently trying to edit an existing WordPress blog to fit with the overall design of a website I have built just using HTML/CSS. I have, however, never tried to edit the CSS on here so I’m feeling sort of bogged down.
I am currently just using the Sandbox 1.6.2 theme. I am going to add some HTML into a widget in the sidebar to give it a menu with image links (rather than text links). I’ve figured this out, but now I can’t figure out how to decrease the width of the body of the page to fit with it.
My question: how do I decrease the width of the body content in this theme? I tried editing the #container id but that didn’t seem to work. Also, is there an easy way to nix the title text on the top of the blog?
Thank you for your help!
The blog I need help with is: (visible only to logged in users)
-
-
http://www.redwingblackbirdtheater.org/ doesn’t exist it seems. Is there perhaps a typo?
-
Whoops. It is redwingblackbirdtheater.com. (I’ve been working with three different web address, gets confusing.)
I figured out the title thing, still working on decreasing body width.
-
The main thing you have to do is to declare a width for #wrapper and then work from there into all the nested divs.
#wrapper { position: relative; width: 900px; }The position: relative in #wrapper is so that any element that you set to position: absolute will position in relationship to #wrapper. That way things will stay aligned better.
-
-
Is there a way to move the body content further to the left as well? This is what I am trying to emulate: http://blackbirdtheater.org/about/
I am using a text widget, but now it is overlapping with the body…
Maybe I am going about this all wrong, though?
-
-
Honestly, I’m not sure. I took over the design of this from someone else, and they did a lot of weird stuff with it.
-
Gaaahhh. You need to dump all the CSS and start from scratch. Virtually everything has a position relative or absolute, and that is not the way to position elements. Those should only be used if you are trying to move something completely out of its native position as defined by the organization of the markup (XHTML). Position relative and absolute are declarations of last resort.
I could literally spend hours on this just trying to undo the stuff that is messing everything up.
Also, you can’t set the wrapper to a width of 600px. The wrapper is the outermost div element (parent) and all the other elements of the design are nested inside of it and then others are nested inside of those and others are nested inside… etc. The wrapper has to be wide enough to contain all the other elements.
You need to start in the markup (XHTML) as that defines the basic structure of the site. You have to understand how all the various divs relate to one another and then how the CSS relates to all those divs.
I’ll add one last comment here: having large blocks of text center aligned is a page layout/design no-no. Center alignment should be reserved possibly for titles or headings, but not for normal body text in a document or web page.
What you are wanting to do can be done easily enough. It is a really simple design on the page you referenced, but dump the CSS and we’ll start from scratch.
-
Yeah, I came to that conclusion myself. Not sure what was done to this previously, but I”m starting from scratch!
-
I think that is a good idea and will end up saving you time in the end.
If you run into problems, you know where we are.
- The topic ‘Changing Body Width and Removing Title from Sandbox 1.6.2’ is closed to new replies.
WordPress.com Forums 