WIDEN LIFESTYLE THEME?

[livingbetterbradParticipant Post count: 28]

Hey folks,
Anyone know how to widen the body of the Lifestyle theme?
Here’s my site and I’d like it to be overall wider – so it stretches out the content etc…
Any help would be extremely appreciated!
Thanks
Brad

http://www.livingbetter.me

[Dorian SpeedParticipant Post count: 100]

The theme is made up of several structural elements – basically, the different “boxes” on the site. So there is not one setting that can be changed to make it wider.

If you use Firefox as your browser, there’s an extension called Firebug that will let you look at the underlying code to see what determines the layout. You can use the HTML tab in Firebug to see how the elements are set up, and then switch to looking at the style.css document to see what determines the styling of those elements. You’re going to be looking for things like “inner,” “wrap,” “header,” “content-sidebar-wrap,” and “footer,” to begin with. The cool thing about Firebug is that you can change values in the style.css file and see how it would look if you made the changes on your actual site. I believe Lifestyle is based on a 960px setup so that would be the first thing you would want to increase – that width.

---

Web designer and avoider of chores.
Bringing websites Up to Speed! Follow me on Twitter!

[livingbetterbradParticipant Post count: 28]

Thanks for your reply.
I’m just getting confused…..
I can’t find anything that is the total width of the site and I use the search in Firebug for 960 and nothing appears.
Where would I start?
This is my webiste http://www.livingbetter.me and if you can see where I should start widening and what boxes need to be widened I would genuinely appreciate it
Thank you <3

Brad

[livingbetterbradParticipant Post count: 28]

Why won’t my pasted code appear here?

 

[SusanModerator Post count: 3184]

Why won’t my pasted code appear here?

Refer to the FAQ #5 to see how to paste code here on the forum. (ignore the html code…)

Here is the visual markup guide, which will show you the various elements which will need changing:
http://www.studiopress.com/images/gen_markup.png

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[livingbetterbradParticipant Post count: 28]

So, in the image you provided a link for – I change the orange colored sections/labels?

[livingbetterbradParticipant Post count: 28]

Hello World
My copied code:

Living Better — Now that’s Living Better!

Living Better

Now that’s Living Better!

You are here: Home

Nutrition Nutrition (also called nourishment or aliment) is the provision, to cells and organisms, of the materials necessary (in the form of food) to support life. Many common health problems can be prevented or alleviated with a healthy diet. The diet of an organism is what it eats, which is largely determined by the perceived palatability of

WHY in the World Are They Spraying?

[SusanModerator Post count: 3184]

Right – that directs you to the various parts of the site that would need to be adjusted in your CSS. For example, the #wrap is the entire width of the site, but changing just that won’t change the other areas, so whatever you adjust the wrap by, you want to make adjustments in other areas, whether you decide you want wider sidebars, or a wider content area, for example.

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[livingbetterbradParticipant Post count: 28]

Hmmm….Doesn’t show the code…..
I’ll try this:

Living Better — Now that’s Living Better!

Living Better

Now that’s Living Better!

You are here: Home

Nutrition Nutrition (also called nourishment or aliment) is the provision, to cells and organisms, of the materials necessary (in the form of food) to support life. Many common health problems can be prevented or alleviated with a healthy diet. The diet of an organism is what it eats, which is largely determined by the perceived palatability of

WHY in the World Are They Spraying?

[SusanModerator Post count: 3184]

What code are you attempting to put in her? You don’t need to put in your entire stylesheet, for example – we can see your stylesheet through your site.

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[livingbetterbradParticipant Post count: 28]

Ok, thank you. I wanted everything to be wider in the header,footer,middle column – while keeping the two widget side columns the same size….I appreciate all your help. I made all the changes in Firebug, copied the code and pasted it into my Editor in WordPress dashboard – but it failed. Any tips on pasting the copied code?

[livingbetterbradParticipant Post count: 28]

The code copied from changes made in Firebug. I made all the changes and then copied the new sheet in Firebug.

[SusanModerator Post count: 3184]

I use a text editor (I use textpad, but you can use notepad – you want to make sure you’re not using something like MS Word.)

You could FTP it into your stylesheet in your child’s theme folder on your hosting site.

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[livingbetterbradParticipant Post count: 28]

Living Better — Now that’s Living Better!

Living Better

Now that’s Living Better!

You are here: Home

Nutrition Nutrition (also called nourishment or aliment) is the provision, to cells and organisms, of the materials necessary (in the form of food) to support life. Many common health problems can be prevented or alleviated with a healthy diet. The diet of an organism is what it eats, which is largely determined by the perceived palatability of

WHY in the World Are They Spraying?

[livingbetterbradParticipant Post count: 28]

I’m using BBEdit

[Author]

Posts