How do I get my footer to look nice?

[Brænde1]

Hi there,

 

I have a shop which I recently updated to version 1.6.0.9. I am using the default bootstrap theme.

 

But take a look at my footer: www.braendeshop.dk - It's not looking nice. I want 4 columns and the news letter block placed below or over the footer or in one of the 4 columns - it's not that important to me..

 

Any suggestions how to fix that footer? 

Edited August 13, 2014 by Brænde1 (see edit history)

[PascalVG]

Let's try this:

 

Start with putting the social networking block and newsletter block modules below the 'my account' block in modules->positions (displayFooter block):

 

Then in themes/<yourtheme folder>/css/global.css, find the following code: (Make backup first !!!!!)

 

.footer-container #footer .blockcategories_footer {

clear: left;

}

 

and comment out the clear:left;

 

.footer-container #footer .blockcategories_footer {

// clear: left;

}

 

next try to find this code (and add red line):

.footer-container #footer #block_contact_infos {

       border-left: 1px solid #515151;

 width: 25%;

}

 

then find this code, and add red code:

 

.footer-container #footer .footer-block {

margin-top: 45px;

width: 25%;

}

 

 

Then we need to change some widths for social block (now 50%, bring back to 18% or so) and we need bring the 'Følg Us' text down (modifying the padding does the trick) to align it wth the other text:

 

.footer-container #footer #social_block {

1. float: left;
2. width: 18%;
3. padding: 45px 15px 0 15px;

}

 

Finally, we have to remove some <div class="clearfix"> so that the last two blocks stay on the same row as the first two:

 

Edit file /themes/<your theme folder>/modules/blocksocial/blocksocial.tpl (make backup!!!)

All the way at the end of the file, you see this code:

 

    <h4>{l s='Follow us' mod='blocksocial'}</h4>
</section>
<div class="clearfix"></div>
 

 

Change to:

 

    <h4>{l s='Follow us' mod='blocksocial'}</h4>
</section>
{*<div class="clearfix"></div>*}
 

Save all files and reload. I think that comes close to what you want.

Give it a try.

 

 

If it does not work out, I can try to make the changes for you.

If you trust me to do this, then email me some ftp access info to get to your files. also create a temporary employee with superadmin rights (back office, Admininstation->employees) and send me the URL to back office, login name you created (suggested name, my email address) and the password you give it

 

You can send an Email with this info to: [email protected].

DON'T post the ftp info here! :-)

 

 

But first try self if it works!

 

pascal

[Brænde1]

Hey Pascal,

 

Thank you for your time!

 

I have some trouble finding  themes/<yourtheme folder>/css/global.css, find the following code

Could it be a different path or name? The global.css file doesn't seem to exist in that path?

 

Best regards