Forums / General Questions / Removing some space on the main page...

Removing some space on the main page...

Locked

Views: 1,650

Results 1 to 20 of 20
This thread is locked. New replies are disabled.
18 Feb 2009, 10:15 PM
#1
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Removing some space on the main page...

I am just trying to move things up a little...
Is this in the css?

I am trying to bring the text up where it says

"Time Goes Fast"

Where do I edit it so it goes up a little?

19 Feb 2009, 3:01 AM
#2
kobra avatar

kobra

Black Belt

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

Re: Removing some space on the main page...

milobloom,

Where is the site with the issue???

Zen-Venom Get Bitten

20 Feb 2009, 1:47 AM
#3
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Removing some space on the main page...

oops Sorry I forgot to post a link.

https://www.allforyourwedding.com

20 Feb 2009, 7:28 AM
#4
kobra avatar

kobra

Black Belt

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

Re: Removing some space on the main page...

Multitude of sins....

You are displaying the search in the header but the div for it is there and blowing to the right.

Move the code for this to inside of the navmain div

Once that is done you can look at this in your stylesheet and see the padding is pushing this about 20px in all directions you might see what removing it all together does to the rst of the site or use the 4 entries and zero the first or top

0em 2em 2em 2em; in this

.centerColumn{
	padding:  2em;
	font-size:1.2em;
	background-color: transparent;	
}

see where that moves it

BTW you site hangs loading ??? from other sites

Zen-Venom Get Bitten

20 Feb 2009, 11:57 PM
#5
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Removing some space on the main page...

I took the search out of the header completely in my Layout boxes controller. (I have it in the side box. so I don't really need it anyway.)

Changed the stylesheet like you said. I think I gained a space. but just want to inch it up a little more. Trying to get it way up. Any suggestions?

21 Feb 2009, 12:20 AM
#6
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Removing some space on the main page...

Oh the thing with the loading...
Its that moving graphic thing it looks better then anything I can do.
When the site starts moving again I may hire someone to do it just for the site...

21 Feb 2009, 12:29 AM
#7
kobra avatar

kobra

Black Belt

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

Re: Removing some space on the main page...

While I am not an advocate of negative margins you are actually right up against the bottom of your headerWrapper div right now and only due to the color being mostly white does this appear as a major white space.... Once logged in other nav items will be in this area so I offer this as a solution BUT warn that it may later be another issue
Add this to your stylesheet

#indexCategoriesMainContent {
        margin: -4em 0em 0em 0em;
        }

Zen-Venom Get Bitten

21 Feb 2009, 12:32 AM
#8
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Removing some space on the main page...

edit your stylesheet.css

#headerWrapper {
margin:0;
padding:0;
text-align:center;
}

the text-align:center is to center your logo.. it may look better if you have a wider logo...
you could try a margin-top:5px or so if you want to bring the logo away from the edge...

Steve

21 Feb 2009, 1:22 AM
#9
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Removing some space on the main page...

Thanks guys.

Made my header bigger.

Will keep looking to see if the neg, effects anything.

21 Feb 2009, 1:25 AM
#10
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Removing some space on the main page...

the negative brings your tagline into the navbar... add something to your cart then take a look...

Steve

21 Feb 2009, 1:33 AM
#11
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Removing some space on the main page...

How can I make the Header move up a little?
Trying to remove the space at the top.
I tried margin-top: - 5px

But that didnt work

21 Feb 2009, 1:39 AM
#12
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Removing some space on the main page...

edit your stylesheet.css

#headerWrapper {
margin-top:20px;
padding:0;
}

adjust the numbers to suit you.

Steve

21 Feb 2009, 1:42 AM
#13
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Removing some space on the main page...

I would use

#headerWrapper {
margin:0;
padding:0;
}

and change your logo to 950px wide to fill the top part of the header.

Steve

21 Feb 2009, 1:49 AM
#14
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Removing some space on the main page...

I'd also suggest removing the text

"Time goes fast! We make it easy! The Best Place for Wedding Supplies , Favors Invitations and Products all in one Place!"

from above the flash and using it below the logo - then remove that negative margin to put the flash below the navbar...

Just a few thoughts... hope you don't mind...

Steve

21 Feb 2009, 2:03 AM
#15
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Removing some space on the main page...

I was in the middle of editing things...

Made it fit... Looks good... The header that is...

Oh I see.... O well Guess I cant do that....

21 Feb 2009, 2:21 AM
#16
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Removing some space on the main page...

in your template, you have

<div id="logoWrapper"> ... </div> <br class="clearBoth"/> ... <div id="navMainWrapper">

You can delete the <br... to remove a blank line... and decrease the spacing

Steve

21 Feb 2009, 11:34 PM
#17
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Removing some space on the main page...

I dont see that line...

<?php /** * Common Template - tpl_header.php * * this file can be copied to /templates/your_template_dir/pagename<br /> * example: to override the privacy page<br /> * make a directory /templates/my_template/privacy<br /> * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br /> * to override the global settings and turn off the footer un-comment the following line:<br /> * <br /> * $flag_disable_header = true;<br /> * * @package templateSystem * @copyright Copyright 2003-2006 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license <http://www.zen-cart.com/license/2_0.txt> GNU Public License V2.0 * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $ */ ?> <?php // Display all header alerts via messageStack: if ($messageStack->size('header') > 0) { echo $messageStack->output('header'); } if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) { echo htmlspecialchars(urldecode($_GET['error_message'])); } if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) { echo htmlspecialchars($_GET['info_message']); } else { } ?> <!--bof-header logo and navigation display--> <?php if (!isset($flag_disable_header) || !$flag_disable_header) { ?> <div id="headerWrapper"> <!--bof-branding display--> <div id="logoWrapper"> <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div> <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?> <div id="taglineWrapper"> <?php if (HEADER_SALES_TEXT != '') { ?> <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div> <?php } ?> <?php if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) { if ($banner->RecordCount() > 0) { ?> <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div> <?php } } ?> </div> <?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?> </div> <br class="clearBoth" /> <!--eof-branding display--> <!--bof-navigation display--> <div id="navMainWrapper"> <div id="navMain"> <ul class="back"> <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li> <?php if ($_SESSION['customer_id']) { ?> <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li> <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li> <?php } else { if (STORE_STATUS == '0') { ?> <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li> <?php } } ?> <?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?> </ul> </div> <div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div> <br class="clearBoth" /> </div> <!--eof-navigation display--> <!--eof-header logo and navigation display--> <!--bof-optional categories tabs navigation display--> <?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?> <!--eof-optional categories tabs navigation display--> <!--bof-header ezpage links--> <?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?> <?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?> <?php } ?> <!--eof-header ezpage links--> </div> <?php } ?>
22 Feb 2009, 1:57 AM
#18
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Removing some space on the main page...

I copied a part of your source code and highlighted the tag to delete.... (only needed if you start floating divs...)

<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?> </div> <br class="clearBoth" /> <!--eof-branding display--> <!--bof-navigation display-->

Steve

22 Feb 2009, 3:38 AM
#19
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Removing some space on the main page...

Okay...

Oh I didnt see it.. Now I do. Sorry about that...

22 Feb 2009, 2:54 PM
#20
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Removing some space on the main page...

Yea that looks much better now. Thanks!

Any other suggestions?
Other then making a footer... I am onto that next.