[Solved] Enable To Edit Footer As I Want To. Help!

[riras]

It's driving me crazy!
 
Why Can't I edit the footer as I want?
Already changed modules positions, clear cache and recompile template.
I need 5 columns footer! How do it?
Please, help me!
 
 

Edited March 16, 2016 by riras (see edit history)

[tdr170]

You will need to edit the global.css found in themes/Zujo/css and add and delete some code to change the widths of the rows.

 

First find this code at line 7245 and add width 18% as shown:

 

.footer-container #footer .footer-block {

      margin-top: 45px;width:18% }

 

Now find this code at line 7280 and add float:right;width:23% as shown:

 

.footer-container #footer #block_contact_infos {

      border-left: 1px solid #515151;float:right;width:23% }

 

Now find this code at 7298 and remove the float:left as shown

 

.footer-container #footer #block_contact_infos > div ul li i {

            font-size: 25px;

            width: 32px;

            text-align: center;

            padding-right: 12px;

            color: #908f8f; }

 

You should now have this:

 

 

Now to even things out add this to the global.css anywhere I usually add new code to the bottom to find it easily later if needed:

 

.fb_iframe_widget{margin-top:45px}

 

Now it should look like this:

 

 

I use the % instead of giving an exact pixel like 200px for mobile compatibility.

However you can play with any of these widths and change the % size or change to px size to suit your needs.

Edited March 16, 2016 by tdr170 (see edit history)

[riras]

Thank you very much! It works just fine!

[tdr170]

Not a problem glad to hear it.

[riras]

Not a problem glad to hear it.

 

But, now I realized.

 

How did you know the name of the theme?

Does it means you was able to check my files on host?

I am not concernt about you but about security in general.

[tdr170]

Actually any Browser can inspect any website not to worry, with Google chrome right click any element on the site and choose inspect and you will see the code for your shop or any website in a window that opens.

While you can look at and change code for testing it is not permanent and gives no access to your actual files.

[riras]

Ok, Thanks again!