Page Content Tweaks

One of the joys of having a darker network is having to tweak everything to fit properly so white-space isn't seen.

I recently finished a new page for my job board and had a lot of extra space in the page content area outside of my Iframe that I needed to fill and also fix the default margin / padding.

If you need to, add this to your  new page custom box under Manage title and meta tags manually (advanced):

<style>
div #page-content {background: #ffffff;}
div #page-content {margin:0; padding:0;}
</style>

...end result...

This was a fix for me, but you could use it to change your page content to an image as well.

Tags: new page, page content, page content background, pages

Views: 512

Replies to This Discussion

Permalink Reply by JenSocial on January 4, 2012 at 8:42pm

Thanks for sharing!

=)

Happy New Year!

Permalink Reply by Fire-Tech on January 4, 2012 at 8:48pm

NP. Thanks for the help. Glad to have ya back & hopefully from the new office!

Permalink Reply by JenSocial on January 4, 2012 at 10:20pm

Thanks! You really wouldn't believe the ridiculousness of all that's happened. But, good news is, I am in new office - - big mess yet. =)

Permalink Reply by Kingdomz X Heavy Metal Ent. on June 23, 2012 at 3:26pm

Not working for me. :(

Permalink Reply by Fire-Tech on June 24, 2012 at 6:21pm

Which page are ya trying to do?

Permalink Reply by Kingdomz X Heavy Metal Ent. on June 24, 2012 at 6:58pm

My Chop Shop store. But I think it's because of the way my Amazon store is configured.

Permalink Reply by Fire-Tech on June 24, 2012 at 7:34pm

Yeah, I just checked it. Looks like your store. Here's some changes I ended up making to my Amazon store if it helps (main body in Amazon):

body {float:left;background:transparent;margin:0px;padding:0px;min-width:560px;}

/* MAIN PAGE AREA */
#main {
width:554px;float:left;margin:0px;padding:0px;
}


/* SIDEBAR */
#sidebar {
float:left;
width:185px;
overflow:hidden;
}

select.searchwidget {
width:168px;
margin-bottom:6px;
}

I had a hell of a time trying to get it to look right when hiding the 3rd column (tables & tweaking both Ning & Amazon). In the end, It was easier to just show it. 

Permalink Reply by Kingdomz X Heavy Metal Ent. on June 24, 2012 at 7:39pm

Where does this go? In the page CC box?

Permalink Reply by Fire-Tech on June 24, 2012 at 7:46pm

In your actual Amazon store.

  • Edit the store
  • Edit Color & Design (page after Categories)
  • Edit CSS (right under the theme selector drop down)

The stuff I gave you was just basics for Global Tab, but may point you in the right direction.

Permalink Reply by Kingdomz X Heavy Metal Ent. on June 25, 2012 at 9:20am

Thanks.

RSS

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips