Forums / Templates, Stylesheets, Page Layout / Gap between bread crumbs and welcome message

Gap between bread crumbs and welcome message

Locked

Views: 1,303

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
20 Aug 2008, 1:07 AM
#1
ebaobao avatar

ebaobao

Zen Follower

Join Date:
Jul 2008
Posts:
495
Plugin Contributions:
0

Gap between bread crumbs and welcome message

Hello All,
On my home page I have a white gap between the breadcrumb "home" and the "Welcome Guest! Would you like to log in?" message. Does anyone know of a way to get rid of that gap or make it smaller?
Thanks.

20 Aug 2008, 2:05 AM
#2
kobra avatar

kobra

Black Belt

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

Re: Gap between bread crumbs and welcome message

I can't see any gap???

Where is your site?

Zen-Venom Get Bitten

20 Aug 2008, 4:45 AM
#3
ebaobao avatar

ebaobao

Zen Follower

Join Date:
Jul 2008
Posts:
495
Plugin Contributions:
0

Re: Gap between bread crumbs and welcome message

Hi kobra,

Thanks for the reply. Here ya go. http://69.89.31.99/~usiflora

20 Aug 2008, 1:12 PM
#4
annav avatar

annav

Zen Follower

Join Date:
Jul 2008
Location:
Sydney, Australia
Posts:
171
Plugin Contributions:
0

Re: Gap between bread crumbs and welcome message

Hi, I have a similar problem I was just searching for (till I came upon this thread). I have actually taken out the "welcome guest" part on my website and I have a big gap in mine as well. I cannot seem to find how to "move" my welcome message up so it lines up with the categories search box.

Also how do I move the yellow footer down a bit as it is touching the botton of the last sidebox.

I hope someone can help as these two things have been buggin me for ages!

Thanks

Anna

https://www.toycrazy.com.au

20 Aug 2008, 1:27 PM
#5
kobra avatar

kobra

Black Belt

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

Re: Gap between bread crumbs and welcome message

ebaobao,

Find these in your stylesheet.css and adjust the padding & margins

#navBreadCrumb
.centerColumn

annav,

Do the above but also edit your main_page.php in the admin editor and remove the empty paragraph marked in red - you will have to use the plain text editor to see the code

<p align="center"><font face="arial,helvetica,sans-serif" color="#0066cc"
size="6"></font></p><p align="justify"><font face="arial,helvetica,sans-serif"
color="#0066ff" size="4"><strong>Welcome to our NEW online toy store!
Feel free to have a browse at all of our fantastic products.  We will be adding
more and more products in the coming weeks so add us to your list of favourites
and be sure to visit again soon.</strong></font></p>

Zen-Venom Get Bitten

20 Aug 2008, 1:53 PM
#6
annav avatar

annav

Zen Follower

Join Date:
Jul 2008
Location:
Sydney, Australia
Posts:
171
Plugin Contributions:
0

Re: Gap between bread crumbs and welcome message

Thanks Kobra, deleting that section in the admin editor did the trick. As for adjusting the padding and margins on the other two files I played around with different numbers (not sure what I supposed to put in) but nothing I put in changed anything. But I'm happy that the majority of the gap has gone.

Can you help at all with the moving the yellow footer down?

Thanks

Anna

20 Aug 2008, 5:02 PM
#7
ebaobao avatar

ebaobao

Zen Follower

Join Date:
Jul 2008
Posts:
495
Plugin Contributions:
0

Re: Gap between bread crumbs and welcome message

Thanks Kobra! It helped! :clap:

20 Aug 2008, 6:42 PM
#8
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Gap between bread crumbs and welcome message

annav:

Can you help at all with the moving the yellow footer down?

You'll have to copy this:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #ffffff;
background-image: url(../images/tileback1yellow.gif);
padding: 0.5em 0.2em;
font-weight: bold;
color: #ff0066;
height: 1%;
}

then make the copy just for #navSuppWrapper, and add some margin-top;

#navSuppWrapper{
margin: 0em;
background-color: #ffffff;
background-image: url(../images/tileback1yellow.gif);
padding: 0.5em 0.2em;
font-weight: bold;
color: #ff0066;
height: 1%;
margin-top:2em;
}

21 Aug 2008, 6:05 AM
#9
annav avatar

annav

Zen Follower

Join Date:
Jul 2008
Location:
Sydney, Australia
Posts:
171
Plugin Contributions:
0

Re: Gap between bread crumbs and welcome message

Fantastic! Thanks so much for your help. I really appreciate it.

Cheers
Anna