WordPress.org

Forums

[resolved] How to fix theme width? (8 posts)

  1. Foff
    Member
    Posted 2 years ago #

    Hello, at first im not good at English and i hope you can know what im talking about

    i have little issue with width page
    check the picture
    http://i50.tinypic.com/2r2t8wy.jpg

    and this is my site http://ksaforsaudi.org
    as you see theres big space in left side
    how to fix this to make the webpage fit to browser

  2. Abhishek Ghosh
    Member
    Posted 2 years ago #

    Your Theme (Nemesis) is actually made to fit any screen, but somehow it is not coded properly in all par. On my 15" MBP its looking ok, but in your screenshot its unacceptable.

    Fix :

    In your WordPress Admin panel, Go to Appearance > Editor; you will get the CSS file. This is what determines the 'fluid' thing. We can see it here :

    http://ksaforsaudi.org/wp-content/themes/Nemesis/style.css

    Now :

    body {
    	margin:0 auto;
    	padding:0px 0px 0px 0px;
    	background:url(images/body.png) ;
    	font-family:Arial,Tahoma,Century gothic,  sans-serif;
    	font-size:12px;
    	}

    Add

    width: 960px;

    After margin:0 auto; line and save it. Width = size of sidebar + content area with margin. You can use some screen measurement tool software like screen calipers for Windows to measure then...

    You will get info on margin, padding etc. here :

    http://www.w3.org/TR/CSS2/box.html

  3. Foff
    Member
    Posted 2 years ago #

    i have a 10 inch netbook .. is that makes difference in theme display ?

    if its true ... how to make it to fit any screen?

    BTW i added the
    width: 960px;
    but doesnt work still same issue

    thank you for trying help

  4. Abhishek Ghosh
    Member
    Posted 2 years ago #

    An ideal theme should at least have a proper display on any size of screen, even if it is not a responsive theme.

    Add :

    rtl home blog {
    	margin:0 auto;
    	width: 960px !impotant;
    	padding:0px 0px 0px 0px;
    	background:url(images/body.png) ;
    	font-family:Arial,Tahoma,Century gothic,  sans-serif;
    	font-size:12px;
    	}
    
    rtl single single-post {
    	margin:0 auto;
    	width: 960px !impotant;
    	padding:0px 0px 0px 0px;
    	background:url(images/body.png) ;
    	font-family:Arial,Tahoma,Century gothic,  sans-serif;
    	font-size:12px;
    	}

    And also in body :

    body {
    	margin:0 auto;
    	padding:0px 0px 0px 0px;
    	width: 960px !impotant;
    	background:url(images/body.png) ;
    	font-family:Arial,Tahoma,Century gothic,  sans-serif;
    	font-size:12px;
    	}

    (I have not combined for your understanding). It is badly coded theme (from the css part), its calling a function of Twitter Bootstrap. You have to find the divs and add !important to force that part of CSS to show how it will appear.

    There is really no meaning of so much hard work. Please check http://wordpress.org/extend/themes/ ; you will get a good number of green colored themes.

  5. alchymyth
    Forum Moderator
    Posted 2 years ago #

    try to add to style.css:

    #wrapper { overflow: hidden; }

    not widely tested, check for side effects in your site.

  6. Foff
    Member
    Posted 2 years ago #

    @Abhishek Ghosh
    still same issue nothing change ...
    and you are right theres many green themes .. but i want to fix this this theme .. i want to learn much about css

    @alchymyth
    still same issue nothing change ...
    thank you for trying help

  7. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Foff - none of the changes suggested are visible on your site. So it's difficult for anyone to see why they did not work. Also, note that "important" is misspelled in the code posted above, so that may be why it did not work.

  8. Foff
    Member
    Posted 2 years ago #

    YAY i did it

    nothing wrong with the theme
    it was http://www.polldaddy.com script ... i guess its not compatible with nemesis theme

    thank you guys for trying help

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.