9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

How To Make My Theme Stretch The Entire Screen?

by Brekat23
7 replies
  • WEB DESIGN
    • |
Hi Guys!!

I just uploaded a theme I purchased from website to my worpdress blog but it doesn't exactly stretch across the entire screen horizontally as I would like (as I thought it was going to do but doesn't)

Could someone pls offer some advice on what I can do to stretch my theme so it will fit how I'd like it to?

Here is the example of what I'm working with:

MyBreality.com

I'd really appreciate it....I don't know where else to look or ask , thanks so much!

-Bre
#entire #make #screen #stretch #theme
  • Profile picture of the author Brekat23
    The black 'strips' on the left and the right is what I'm looking to remove....just not sure how its done. I'm assuming it involves code?? Which isn't my specialty by any means haha...any advice is most appreciated!
    Signature
    "The World of IM: Physically Easy - Mentally Challenging - Emotionally Intense."

    {{ DiscussionBoard.errors[2598540].message }}
    • Profile picture of the author NetMan
      Originally Posted by Brekat23 View Post

      The black 'strips' on the left and the right is what I'm looking to remove....just not sure how its done. I'm assuming it involves code?? Which isn't my specialty by any means haha...any advice is most appreciated!

      There's no real way to do this by coding otherwise than bringing major modifications to the graphics. What gives your template the actual look and size is done though the way the graphics of the background are placed by the css code. There's a top, right, footer and right background graphics and what you see is their actual real size, and provides the actual centered "wall paper look", with flowers, of the site. Plus there's another bg.gif file that give the actual "black" colors you see in the left and right bars.

      That is THE way the theme has been created to look and feel.

      Best regards,

      Andre Foisy
      {{ DiscussionBoard.errors[2598656].message }}
  • Profile picture of the author SEO Expert Nepal
    You should make the div that is wrapping your overall page of 100% wide. i.e <div id="wrapper" style="width:100% (it should be added in your css class and call that class here)">. But your background image is not appropriate to repeat in a larger resolution, so you may have to change your background so that it won't look bad while repeating.
    {{ DiscussionBoard.errors[2635258].message }}
  • Profile picture of the author Intrepreneur
    You need to do a CSS reset so that there are no margins.

    e.g. body {margin:0pxpadding:0px;}

    That will then stretch the body the whole window size.

    Then if you do everything inside the body without any " px width" values and instead "% width" it will all be 100% window size.
    Signature
    SEO, copywriting and backlinks service UK
    {{ DiscussionBoard.errors[2635920].message }}
    • Profile picture of the author NetMan
      Originally Posted by SEO Expert Nepal View Post

      You should make the div that is wrapping your overall page of 100% wide. i.e <div id="wrapper" style="width:100% (it should be added in your css class and call that class here)">. But your background image is not appropriate to repeat in a larger resolution, so you may have to change your background so that it won't look bad while repeating.
      Originally Posted by Intrepreneur View Post

      You need to do a CSS reset so that there are no margins.

      e.g. body {margin:0pxpadding:0px;}

      That will then stretch the body the whole window size.

      Then if you do everything inside the body without any " px width" values and instead "% width" it will all be 100% window size.
      These advices would be good in many cases, however I took the time look at the theme structure before answering, and none of these will work in that case.

      My advice is based on the way this particular theme is built and the only way to do what she want is how I suggest.

      Thanks for the input anyway, as they're true most of the time.

      Best regards,

      Andre Foisy
      {{ DiscussionBoard.errors[2636556].message }}
  • Profile picture of the author wordpress
    Originally Posted by Brekat23 View Post

    Hi Guys!!

    I just uploaded a theme I purchased from website to my worpdress blog but it doesn't exactly stretch across the entire screen horizontally as I would like (as I thought it was going to do but doesn't)

    Could someone pls offer some advice on what I can do to stretch my theme so it will fit how I'd like it to?

    Here is the example of what I'm working with:

    MyBreality.com

    I'd really appreciate it....I don't know where else to look or ask , thanks so much!

    -Bre
    you should look into the css file and change the width of container class and if there is width in body class.

    Hope this will work and if not let me know and i will help you in doing this free of cost.

    Thanks
    -Manish
    {{ DiscussionBoard.errors[2637954].message }}
  • Profile picture of the author RichardHK
    As Netman notes, the theme is fixed as is. And I find nothing wrong with that actually.

    The 'black bars' are built from the body bg.gif file (as Netman notes), so Bre, if you want to change this, then find another small texture graphic with a color matching the top-half edges of your main content graphic. The 'black bars' effect you see is simply the theme designer matching the lower-half color design.

    But looks Ok to me, as said.
    Signature

    Richard, Hong Kong
    Business Consulting

    {{ DiscussionBoard.errors[2641448].message }}

Trending Topics