How to fix theme width?

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 :

https://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 :

https://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

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 https://www.ads-software.com/extend/themes/ ; you will get a good number of green colored themes.

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

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 https://www.polldaddy.com script … i guess its not compatible with nemesis theme

thank you guys for trying help