Centering footer text messed up reassurance block

[Magnusnm]

Hello!

 

I am trying to set up my webshop, and in an attempt to make everything appear smooth, the customer reassurance block messed up. This happened when i centered the text in the footer, and now I'm trying to figure out how to keep the text centered, but also center the reassurance block.

 

The site is www.shotsglas.dk

 

I inserted the red line into my footer.tpl:

 

</div>
<div id="footer" style="width:100%; clear:both; display:block; overflow:hidden;">
  <div style="width:980px; display:block; margin:auto; clear:both;">
    <div style="width:100%; display:block; clear:both; overflow:hidden; margin-left:25%;">
    {$HOOK_FOOTER}
    </div>
    {if $PS_ALLOW_MOBILE_DEVICE}
      <p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>
    {/if}
  </div>
</div>
{/if}
</body>

 

Thanks in advance!

Edited January 12, 2014 by Magnusnm (see edit history)

[Paulito]

Good morning

 

I am not good at coding but if you delete:

 

margin-left:25%;

 

from here

 

<div style="width:100%; display:block; clear:both; overflow:hidden; margin-left:25%;">

 

It should centre the block

 

see link: http://screencast.com/t/C46Mz9BHk9

 

Paul

[Magnusnm]

Yes - the problem is that i need the text underneath to be centered too, like it is now. Is there a way to do this?

[Magnusnm]

Does bumping work in these forums?

[vekia]

it's not allowed to bump posts

 

 

for what purposes you use there margin-left:25%?

element.style {
width: 100%;
display: block;
clear: both;
overflow: hidden;
margin-left: 25%;
}

this causing problems

[Magnusnm]

Didn't know that, sorry

 

I use the left margin to make the menu text (right beneath the reassurance block) centered. My problem is that it seems impossible to make them both centered at the same time - can you help me with this?

[vekia]

hello

checked it once again and now everything is "centered"

problem solved?

[Magnusnm]

Actually, the text is not centered. That's the problem - seems like i'll have to choose between centering text or centering block.

Edited January 13, 2014 by Magnusnm (see edit history)

[vekia]

now not, but yesterday was,

why not to center block, and also text?

[stottycabanas]

Magnusmn, if you just want to centre the 3 columns within your footer, open your global.css file, look for the FOOTER section and amend the following line from:

#footer .myaccount {padding: 15px 10px}

to

#footer .myaccount {padding: 15px 10px; margin-left: 220px}

Adjust the 220 to the value that you prefer.

Cheers, Dave

[Magnusnm]

Hello everyone

 

I decided to remove the reassurance block and center the rest. 

 

Thank you!