[Solved]Changing Footer Bar Height

[GrandPric]

Hello

 

I'm modifying the default theme (PS 1.5). I've managed to remove everything from footer.

 

So it is now left with "Browse the mobile site" text and footer bar.

 

I am struggling to change footer bar's height to smaller.

 

I've gone through global.css and no difference.

 

Please tell me where should I edit this.

 

I've attached my store screenshot for info.

Edited February 27, 2013 by poekong (see edit history)

[vekia]

your shop is online now? Can you provide an url?

[GrandPric]

your shop is online now? Can you provide an url?

 

Hi Vekia

 

Sorry it is running locally. I'm evaluating prestashop for my online shop. There is no access to the store from outside.

 

It is the default PS1.5 theme.

[Carolina Custom Designs]

What you are looking for is #footer in your global.css. Should be around line 553.

 

Marty Shue

[GrandPric]

What you are looking for is #footer in your global.css. Should be around line 553.

 

Marty Shue

 

Hi Marty

 

Line 553 in my global.css is header section. Can I know where else I can change?

 

I attached my global.css here.

global.css

[vekia]

Thanks in advance

 

 

something goes wrong with images that you pasted, can you explain whats goin on?

[PascalVG]

Hi Poekong,

marty meant this part:

 

/* ******************************************************************************

FOOTER

******************************************************************************** */

#footer {

color:#fff;

background:#333

}

 

 

(2 blocks under your header: First breadcrumb, then footer)

 

My 2 cents,

Pascal

 

(P.S. Vekia: Images were just some smileys that don't show up...)

Edited February 26, 2013 by PascalVG (see edit history)

[Carolina Custom Designs]

Hi Poekong,

marty meant this part:

 

/* ******************************************************************************

FOOTER

******************************************************************************** */

#footer {

color:#fff;

background:#333

}

 

My 2 cents,

Pascal

 

Exactly!

 

Marty Shue

[GrandPric]

Exactly!

 

Marty Shue

 

So do i need to add the line-height there?

[PascalVG]

Give it a try and let us know the result...

[GrandPric]

Give it a try and let us know the result...

 

Hi Pascal

 

No it doesn't change when I added the line height to the footer.

 

/* ******************************************************************************

FOOTER

******************************************************************************** */

#footer {

color:#fff;

background:#333;

line-height:10px;

}

[PascalVG]

Did you:

1) go to advanced parameters->performance and:

Choose Smarty force recompile

Turn off cache?

 

2) clean you browser cache?

[PascalVG]

Btw, if you don't want to show the footer at all, you could add

display:none;

 

Just a thought...

Edited February 27, 2013 by PascalVG (see edit history)

[GrandPric]

Btw, if you don't want to show the footer at all, you could add

display:none;

 

Just a thought...

 

Wow it's working now. thanks for the help pal....btw the text in the footer "Browse the mobile site" is only appearing half after I've set the line-height.

[PascalVG]

Was it your cache clean/recompile that solved it?

 

The text probably has some marging around it, so when the top of the containing box (I.e. the footer box itself) is lowered, the whole text lowers. Not sure where this text layout is defined. I can have a look tonight. (On an iPhone in the car not really convenient ;-) )

[GrandPric]

Was it your cache clean/recompile that solved it?

 

I think so

[PascalVG]

:-)

[Carolina Custom Designs]

Thanks PascalVG for following up on this. Looks like this thread is solved so can you, poekong, add [sOLVED] to the OP title.

 

Marty Shue

[PascalVG]

Hi Poekong,

Try this to fix the half appearing text:Edit global.css one more time

 

 

Locate the following code (around line 65):

 

/* positionnement ****************************************************************************** */

.hidden {display:none}

.f_right {float:right}

p.center {text-align:center;}

.clearBoth {clear:both}

 

and change the p.center line into:

 

p.center {text-align:center;height: auto;}

 

 

 

 

and ,in the previous code that we changed before:

#footer {

height: auto; // <-- add this line

color:#fff;

background:#333;

line-height:10px;

}

 

 

 

Hope this helps.

Cheers,

Pascal