Move title box text

[Guest foxfire]

Hi,

I have changed the Title box graphics.

But now the title text is sitting just about on top of the box on the white background, rather than in it.

Is it possible to move it lower into the box?

thanks

foxfire

[Guest sunshine]

Hi Foxfire,

You could do 2 things; either resize the graphic to fit or change your measurements all the way around. If you choose the latter, you can go to the downloads area and get Markscarts' helpful tutorial on changing the size, etc.

[Guest foxfire]

Thanks Sunshine,

I will try the resize first

foxfire

[markscarts]

Graphics look good. Rather thn resizing, see if this will cure your ills:

In layout.css:

.boxTitleLeft, .boxTitleRight {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 70%;

	color: #09347C;

	background-image: url(../styleImages/backgrounds/boxTitleBg.gif);

	width: 155px;

	height: 15px;

	padding-left: 5px;

	padding-top: 1px;

}

Add to "padding:top" try making it 5px. Adjust the number to get it to look just right.

Let me know if this doesn't work ;)

[Guest foxfire]

Thanks Mark,

I made the padding bigger and resized the title bar a bit smaller,

come up looking nice now.

thanks for every ones help,

foxfire

[Guest foxfire]

Hi again,

We decided that I need to lower the text a bit more in the boxtitle.

If I make the padding any bigger I get a gap between title bar and the box border.

Any sugestions please...

My Webpage

Problem 2-

In Firefox, on the View Basket page.

The cart box has dropped lower than it should be, needs to come up quite a bit.

Have checked a few threads in forum, but still a bit lost

I think as this is such a pretty skin,

that it deserves to be as perfect as I can make it.

Vrakas, as you already know what problems it has, if you could offer any advice please.

thank you

foxfire

[markscarts]

Hi Foxfire . . .

forget the padding then . . .

Try adding a top margin rather than padding to .boxTitleLeft, .boxTitleRight. I can't test it at the moment, so try it and let me know. Add something like:

margin-top: 0.5 em;

- or -

margin-top: 1px;

EDIT: You are right, it is a beautiful skin You should be very proud ;)

[Guest vrakas]

@foxfire,

Beleive me, you have some of the very best giving you answers here.

Personally i thank them for helping me and others many times :)

[Guest foxfire]

Cheers vrakas..

Mark,

Text does not want to move at all.

Just had quick experiment, and replaced the gif with original, and it was normal again.

Will redo the image, and see how it goes.

Any suggestions on moving the cart up higher, on View cart page please?

[Guest foxfire]

Could some one please tell me if the View cart page is normal on

firefox or not. Page looks OK to me on IE

and all the other boxes etc too thanks.

What it looks like on my computer is not really what it looks like to some one else,

or should it be the same?

Cheers

[Guest vrakas]

Take a look for your self

Why dont you install FF also on your pc?

[Guest foxfire]

Thanks,

can fix that shortly, and re-doing the title image when I get some sleep.

So the weird looking cart page must be just on my computer, so that's good.

thanks every one

foxfire

[markscarts]

Compare cart.tpl and index.tpl, that's the place to start.

[markscarts]

I just had a look. Here is your problem, in cart.tpl:

<div id="pageSurround">

<div id="subSurround">

  <div id="topHeader">

   <div style="padding-top: 72px;">&nbsp;</div>

   <div>&nbsp;</div>

  </div>

<div>

;)

[markscarts]

Amost forgot - one more thing to try on your titles: add this and see if it helps . . .

vertical-align: center;

- or -

vertical-align: middle;

The first one may very well work

That's about all the help I can give w/o working on it myself ;)

[Guest foxfire]

Hi Mark,

Thank you so much for your help.

I deleted <div>&nbsp;</div> from cart.tpl.

Not sure if it changed any thing or not.

Some time soon I will look at the site on a friends computer and

see if it looks any different than it does on my firefox.

Have worked out that it is my title image that is causing the font problem,

so I will keep trying different graphic layouts till it comes right.

I am sure patience and determination will pay off.

When I am happy with every thing I will put it in the Live stores showcase..

thank you again

Heather :angry: