1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Wordpress Width

Discussion in 'Other Scripting Languages' started by tunescool, Jul 24, 2015.

  1. tunescool

    tunescool Senior Member

    Joined:
    Jul 23, 2011
    Messages:
    1,001
    Likes Received:
    688
    Gender:
    Male
    i have two themes and somehow the width doesnt work out. it was fine until i just noticed they werent a fixed width and i changed them to fixed

    i have it set to 1300px

    Code:
        width: 1300px;
        width: fixed;
    which should span the width of my browser, it did until i added the fixed, now they look like this

    http://www.nookselfimprove.net

    what can i do to get actually 1300px

    im not gonna pay anyone
     
  2. MrBlue

    MrBlue Senior Member

    Joined:
    Dec 18, 2009
    Messages:
    974
    Likes Received:
    680
    Occupation:
    Web/Bot Developer
    You should really try to use a responsive theme. Your site doesn't render well on small screen sizes.
     
  3. Darkhodge

    Darkhodge Newbie

    Joined:
    Feb 27, 2015
    Messages:
    15
    Likes Received:
    3
    Occupation:
    Web Developer
    Location:
    Surrey, UK
    Gotta agree with MrBlue, but if you really want to do this:


    Change:


    Code:
    body {
        width: 1300px;
        width: fixed;
        background: .............
        color: #555555;
    }
    

    To:


    Code:
    body {
        background: .............
        color: #555555;
        text-align: center;
    }
    

    And at the bottom of your CSS file, add:


    Code:
    #container,
    #main,
    #footer{
        width 1300px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: left;
    }
    

    Note:


    1. The above should limit the container div's to 1,300px and center it on the page
    2. I can't post links and I have a feeling the background image will prevent me from posting, so I've replaced that with ".............". Keep what you have originally in your CSS for that bit
    3. I've added "!important" for the width/margin in the last CSS snippet, which isn't good practice IMO but as a quick solution it should work
    4. "width: fixed;" isn't valid CSS
     
  4. tunescool

    tunescool Senior Member

    Joined:
    Jul 23, 2011
    Messages:
    1,001
    Likes Received:
    688
    Gender:
    Male
    this didnt anything, there was no change
     
  5. luck6man

    luck6man Newbie

    Joined:
    Jul 31, 2015
    Messages:
    7
    Likes Received:
    0
    Hire a pro on odesk
     
  6. ekapek

    ekapek Jr. VIP Jr. VIP Premium Member

    Joined:
    Aug 2, 2010
    Messages:
    277
    Likes Received:
    48
    Home Page:
    width doesn't has fixed value. When you do changes like Darkhodge say make sure you refres css styles with ctrl+f5