Position and dimension of the Widget in the Footer

[morelli74]

Hi,
is it possible to place widgets more left in the footer area, using a fixed size based on the content?

Regards
C.M.

[Zex]

Hello, Morelli74!

Sorry, I miss your post.

To solve this, add the code below to Customize->General->Additional CSS :

@media screen and (max-width: 1400px) and (min-width: 320px){#footer-wrapper .container{
    width: 100%;
  }
}

Regards

[morelli74]

Hi Zex,
I tried to enter the code suggested by you but it doesn’t work, the widget remains in the same position doesn’t approach to the left margin, also I would need to customize the size of the container of the single widget in the footer if it were possible?

Regards
C.M.

[Zex]

Hello, C.M!

Add this code, below the one I gave you in the previous post:

@media screen and (min-width: 1400px) {#footer-wrapper .container{
  width: 1400px;
  padding: 10px 0px;
  }
}

So your code on the end should look like this:

@media screen and (max-width: 1400px) and (min-width: 320px){#footer-wrapper .container{
    width: 100%;
  }
}
@media screen and (min-width: 1400px) {#footer-wrapper .container{
  width: 1400px;
  padding: 10px 0px;
  }
}

http://prntscr.com/hzwykb

For the width of the single widgets use the codes below:

/* CHI SIAMO - text widget*/
#text-6{
  width:80%
}

/* SITEMAP - Nav menu widget */
#nav_menu-2, #nav_menu-3{
  width:80%
}

/* CONTATTI - custom_html widget*/
#custom_html-3, #custom_html-3{
  width:80%
}

http://prntscr.com/hzx1xy

Change the width value per your wish.

Regards

[morelli74]

Hi Zex,
Ok now it works, but is it possible to decrease the space between widgets?

Regards
C.M.

[Zex]

Hi,

Add this code to change the space between widgets:

#footer-wrapper .col-md-4{ 
  padding: 0px;
}

Change the padding value per your needs.

[Author]

Posts