Results 1 to 8 of 8
  1. #1
    Join Date
    Oct 2008
    Posts
    404
    Plugin Contributions
    0

    Default Changing width of wrapper changes logowrapper

    Hi,

    I was hoping someone would know how I can make this change using the stylesheet.

    I would like to change the width of my main wrapper to be 100%. It's currently:

    #mainWrapper {
    background-color: #ffffff;
    text-align: left;
    width: 850px;
    vertical-align: top;
    border: 1px solid #cccccc;

    The problem is, is when I change it to 100% my logo wrapper is distorted. That is, the pictures I have in the wrapper repeats. Anyway to fix this without having to go back to the drawing board and having to redo the logo wrapper. It is currently 850px by 110px

    thanks!

  2. #2
    Join Date
    Jan 2009
    Posts
    2,123
    Plugin Contributions
    0

    Default Re: Changing width of wrapper changes logowrapper

    In your #logoWrapper, where the stylesheet specifies the URL to your logo, just add a new line;

    background-repeat: no-repeat;

  3. #3
    Join Date
    Oct 2008
    Posts
    404
    Plugin Contributions
    0

    Default Re: Changing width of wrapper changes logowrapper

    thank you!!

  4. #4
    Join Date
    Jan 2009
    Posts
    2,123
    Plugin Contributions
    0

    Default Re: Changing width of wrapper changes logowrapper

    You're welcome.... I looked at your site there though.... Can't see why you'd want to use a #mainWrapper 100% width? This will make your site look very stretched and unprofessional on wider screens.

  5. #5
    Join Date
    Oct 2008
    Posts
    404
    Plugin Contributions
    0

    Default Re: Changing width of wrapper changes logowrapper

    Hi,

    can't get it to look right anyway. the logo wrapper doesn't repeat, but leaves a bit white space on the right of the screen...that is the logo does not 'stretch' with the enlargment of the site.

    thanks for the tip!

    Michele

  6. #6
    Join Date
    Jan 2009
    Posts
    2,123
    Plugin Contributions
    0

    Default Re: Changing width of wrapper changes logowrapper

    In that case, just replace your logo image with this one and then try the 100% width settings again:

    [SCR]http://www.limelites.co.uk/Thrift4kids_header2.jpg[/SCR]

    http://www.limelites.co.uk/Thrift4kids_header2.jpg

    Took me literally 20 seconds to make it wide enough to suit all screen sizes
    Last edited by Kim; 25 Jun 2009 at 04:15 PM.

  7. #7
    Join Date
    Oct 2008
    Posts
    404
    Plugin Contributions
    0

    Default Re: Changing width of wrapper changes logowrapper

    thank you so much, you are awesome. sorry for the late reply, having problems with my site it's been down since yesterday

    thanks again....i appreciate it!!!

  8. #8
    Join Date
    Jan 2009
    Posts
    2,123
    Plugin Contributions
    0

    Default Re: Changing width of wrapper changes logowrapper

    I noticed your site was down, have you still not resolved that?

    Warning: Unterminated comment starting line 101 in /home/thrift4/public_html/index.php on line 101


    Do you have a backup copy of your index.php file??

 

 

Similar Threads

  1. [Help Needed] - Changing Store Banner (LogoWrapper)
    By Mort-Incarnate in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 8 Mar 2013, 09:45 PM
  2. Changing background colour of mainpage wrapper only
    By g3steve in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 9 Sep 2009, 10:33 PM
  3. How Do I change Main Wrapper Width only on Certain Pages?
    By limelites in forum General Questions
    Replies: 4
    Last Post: 6 Apr 2009, 04:06 PM
  4. Changing Main Wrapper for % to pixels
    By BusyBee in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 25 Jun 2008, 11:05 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg