Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Removing white space through Admin Tools>Define Pages Editor?

Removing white space through Admin Tools>Define Pages Editor?

Locked

Views: 2,799

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
22 Feb 2008, 7:11 AM
#1
firechook avatar

firechook

New Zenner

Join Date:
Aug 2007
Posts:
5
Plugin Contributions:
0

Removing white space through Admin Tools>Define Pages Editor?

Hi out there,

1: I'm hoping someone can help show me how to remove some whitespace in a couple of places - please see the red arrows in image at http://www.conservationenterprises.com/pic41.jpg.
The text there was entered via the Define Pages Editor for define_main_page.php (as I know next to no php and got all sorts of crazy results trying to edit the file directly). I'm reasonably happy with what's there now but getting rid of that white space would make my day!

2: Any clues on how to have the text immediately above the PayPal image (see same picture) move to left but then have the PayPal pic immediately to its right? The text and the PayPal image just keep pushing each other around when I try.

Thanks!
Patrick.

22 Feb 2008, 7:37 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Removing white space through Admin Tools>Define Pages Editor?

Try the link you posted yourself

25 Feb 2008, 8:30 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Removing white space through Admin Tools>Define Pages Editor?

Start with changing the 146px to 128 to match your image in the stylesheet

#logoWrapper{
	background-image: url(../images/adoptionbanner_1.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	height:128px;
	}
25 Feb 2008, 1:15 PM
#5
firechook avatar

firechook

New Zenner

Join Date:
Aug 2007
Posts:
5
Plugin Contributions:
0

Re: Removing white space through Admin Tools>Define Pages Editor?

Thank you kobra, so simple but so beyond me to find it by myself. Much appreciated. For the Paypal text and logo layout... is that a table I should put in within the html via the define pages editor or should I go learn some CSS?

cheers,
patrick.

25 Feb 2008, 5:21 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Removing white space through Admin Tools>Define Pages Editor?

Now you can set this in the stylesheet to close the gap and you will have to experiment with the height value
find:

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

Seperate out the headerWrapper and add height so you end up with

#headerWrapper {
	margin: 0em;
	padding: 0em;
        height: 155px;
        }

#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;

Expand on your paypal issue a bit more

25 Feb 2008, 11:02 PM
#7
firechook avatar

firechook

New Zenner

Join Date:
Aug 2007
Posts:
5
Plugin Contributions:
0

Re: Removing white space through Admin Tools>Define Pages Editor?

Thanks.. that headerWrapper code messed up my top nav menu no matter which values I played with (code hid it or overwrote it with the colour bars or something) so I've left it as is - the header layout is all good now thanks to your previous suggestion though so no worries there.
The PayPal logo placement - I've mocked it up in https://www.conservationenterprises.com/pic42.html - that's the result I'm looking for, with my text next to the button/logo. (Hopefully the white space below the logo will then take care of itself as it's in the main page content).
Thanks again,
Patrick.

26 Feb 2008, 12:52 AM
#8
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Removing white space through Admin Tools>Define Pages Editor?

This looks to be your main page due to the welcome message.

If so this html can be entered in the admin > tools > defines pages editor> main_page.php