Wordpress/CSS Help Needed - GoFuckYourself.com

AJ_NETWORK · 01-23-2014, 04:12 PM

I just threw together this site http://www.romirainvideos.com and it looks good on old school 1024 x 768 resolution but it looks messed up on bigger resolutions, can anyone help me with what I need to change in style.css?

Miguel T · 01-23-2014, 05:51 PM

Add in a

<div class="wrapper">
..................your site.................
</div>

CSS:
.wrapper { width:1020px; position:relative; margin:0 auto; }

the <div class="wrapper"> shoud be placed right after your <body> ...

and close it before the </body>.

AJ_NETWORK · 01-24-2014, 09:15 AM

Quote:

Originally Posted by AbsolutePorn

Add in a

<div class="wrapper">
..................your site.................
</div>

CSS:
.wrapper { width:1020px; position:relative; margin:0 auto; }

the <div class="wrapper"> shoud be placed right after your <body> ...

and close it before the </body>.

Ok giving it a try now thanks.

AJ_NETWORK · 01-24-2014, 09:22 AM

I did exactly what you said and it didnt work

flowing · 01-24-2014, 05:47 PM

Just fix your markup.
All <div class="postcontainer"> should go inside <div id="maincol">

HomerSimpson · 01-25-2014, 05:54 PM

you have one extra </div> after 3rd thumb/container...

videosc · 01-26-2014, 05:55 PM

If you don't want to mess with code just do a search for a "responsive" theme. These look good on all monitors and devices.

AJ_NETWORK · 02-10-2014, 05:00 PM

Thanks HomerSimpson when that turned out to be the fix I said "D'oh!"

I just put a shitload of work into completing the site and starting to do social media marketing and SEO check it now to see how far I've come with it. I also figured out what was making my thumbs blurry as shit and fixed that. That could have been a productivity killer could it not? It was at least ironic to be blurry and have the HD icons in the bottom left corners of the thumbs but now they are krispy kreme.

01-23-2014, 04:12 PM	#1
AJ_NETWORK Confirmed User Industry Role: Join Date: May 2011 Posts: 483	Wordpress/CSS Help Needed I just threw together this site http://www.romirainvideos.com and it looks good on old school 1024 x 768 resolution but it looks messed up on bigger resolutions, can anyone help me with what I need to change in style.css? __________________ SIG TOO BIG! READ THE FORUM RULES!

01-23-2014, 05:51 PM	#2
Miguel T ♦ Web Developer ♦ Industry Role: Join Date: May 2005 Location: Full-Stack Developer Posts: 12,467	Add in a <div class="wrapper"> ..................your site................. </div> CSS: .wrapper { width:1020px; position:relative; margin:0 auto; } the <div class="wrapper"> shoud be placed right after your <body> ... and close it before the </body>. __________________ Full Stack Webdeveloper: HTML5/CSS3, jQuery, AJAX, ElevatedX, NATS, MechBunny, Wordpress

01-24-2014, 09:22 AM	#4
AJ_NETWORK Confirmed User Industry Role: Join Date: May 2011 Posts: 483	I did exactly what you said and it didnt work __________________ SIG TOO BIG! READ THE FORUM RULES!

01-24-2014, 05:47 PM	#5
flowing Registered User Industry Role: Join Date: Dec 2013 Posts: 12	Just fix your markup. All <div class="postcontainer"> should go inside <div id="maincol"> __________________ Mom Porn

01-25-2014, 05:54 PM	#6
HomerSimpson Too lazy to set a custom title Industry Role: Join Date: Sep 2005 Location: Springfield Posts: 13,826	you have one extra </div> after 3rd thumb/container... __________________ Make a bank with Chaturbate - the best selling webcam program Ads that can't be block with AdBlockers !!! /// Best paying popup program (Bitcoin payouts) !!! PHP, MySql, Smarty, CodeIgniter, Laravel, WordPress, NATS... fixing stuff, server migrations & optimizations... My ICQ: 27429884 \| Email:

01-26-2014, 05:55 PM	#7
videosc Confirmed User Join Date: Jan 2008 Posts: 375	If you don't want to mess with code just do a search for a "responsive" theme. These look good on all monitors and devices.

02-10-2014, 05:00 PM	#8
AJ_NETWORK Confirmed User Industry Role: Join Date: May 2011 Posts: 483	Thanks HomerSimpson when that turned out to be the fix I said "D'oh!" I just put a shitload of work into completing the site and starting to do social media marketing and SEO check it now to see how far I've come with it. I also figured out what was making my thumbs blurry as shit and fixed that. That could have been a productivity killer could it not? It was at least ironic to be blurry and have the HD icons in the bottom left corners of the thumbs but now they are krispy kreme. __________________ SIG TOO BIG! READ THE FORUM RULES!