WIDEN LIFESTYLE THEME?

Community Forums Forums Design Tips and Tricks WIDEN LIFESTYLE THEME?

This topic is: not resolved

This topic contains 32 replies, has 3 voices, and was last updated by  Dorian Speed 1 year, 4 months ago.

Viewing 15 posts - 1 through 15 (of 33 total)
  • Author
    Posts
  • #25475

    livingbetterbrad
    Participant
    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

    #25481

    Dorian Speed
    Participant
    Post count: 140

    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.


    Bringing websites Up to Speed
    Firebug will light the way to understanding the secrets of the Internet!

    #32273

    livingbetterbrad
    Participant
    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

    #32330

    livingbetterbrad
    Participant
    Post count: 28

    Why won’t my pasted code appear here?

     

    #32339

    Susan
    Moderator
    Post count: 8498

    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

    #32344

    livingbetterbrad
    Participant
    Post count: 28

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

    #32345

    livingbetterbrad
    Participant
    Post count: 28

    [html][/html]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?

    #32346

    Susan
    Moderator
    Post count: 8498

    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

    #32347

    livingbetterbrad
    Participant
    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?

    #32348

    Susan
    Moderator
    Post count: 8498

    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

    #32349

    livingbetterbrad
    Participant
    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?

    #32350

    livingbetterbrad
    Participant
    Post count: 28

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

    #32351

    Susan
    Moderator
    Post count: 8498

    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

    #32352

    livingbetterbrad
    Participant
    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?

    #32353

    livingbetterbrad
    Participant
    Post count: 28

    I’m using BBEdit

Viewing 15 posts - 1 through 15 (of 33 total)

You must be logged in to reply to this topic.