WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] How to fix theme width?

[Resolved] How to fix theme width?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Abhishek Ghosh

    @abhishek_ghosh

    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

    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

    Abhishek Ghosh

    @abhishek_ghosh

    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.

    Michael

    @alchymyth

    try to add to style.css:

    #wrapper { overflow: hidden; }

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

    @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

    WPyogi

    @wpyogi

    Forum Moderator

    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.

    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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] How to fix theme width?’ is closed to new replies.
Skip to toolbar