Hi guys,
I just built a new website using your Vantage theme and I translated it into English using Polylang plugin.
The problem concerns footer widgets. In the website footer you can see four widgets (image, divisions, contacts and map – all text widgets with html inside), but the footer area acts like there are five widgets. You can tell from the distribution of the footer area, which seems to contain a fifth widget on the right. The result is that the four widgets are not centered in the footer area.
The truth is, that in the settings there are indeed five text widgets, because to show the right links to the pages under divisions widget, through Polylang I had to create an Italian version of the widget, which is shown only in the Italian translation of the website, and an English version, which appear in the English translation only.
Anyhow, it seems like the theme is “considering” the presence of five widgets even if it shows then only four correctly.
These are two screenshots of the site with only four widgets activated in the settings and then with “five” widgets (see how the distribution space changes), and a screenshot to widgets settings page:
http://francescopergola.tk/Screenshot-1.png
http://francescopergola.tk/Screenshot-2.png
http://francescopergola.tk/Screenshot-3.png
Thank you very much indeed for your help. The website has been really appreciated and I have to thank you for both Vantage theme and Page Builder plugin, which work under the hood.
Best,
Francesco, Italy
Hi Francesco
Thanks for your support.
Please try inserting the following into a Custom CSS plugin like Simple Custom CSS or the Custom CSS module that’s part of Jetpack:
#footer-widgets .widget:lang(en-US) { width: 25%; }Hope that helps.
Hi Andrew!
Thank you very much for your help, it works!! :-)
I just needed to add another string of code for the Italian versione of the widget, because the code you wrote solved the problem only for the English one.
I added this code directly into the style.css file of the child-theme (without installing any plugin):
#footer-widgets .widget:lang(en-US) { width: 25%; } #footer-widgets .widget:lang(it-IT) { width: 25%; }Now it’s all perfect. Thank you again for your kind answer.
Have a nice day!
Francesco
Ahh right. Thanks for sorting that out.
Glad it helped.
All the best.
Amost same problem, simply resolved adding CSS in child-theme:
#footer-widgets aside.widget {
width: 16% !important;
}
Have a 6-columns footer
Sorry to reopen an old wound, but the method used by Francesco and Marco is a hack, not a solution, because it assumes that the number of footer widgets will always stay the same, or that the only person who will ever fiddle with the widgets is the same person who knows about the code in styles.css and who will remember that it’s there.
I’m running into the exact same problem – I have a single text widget with float:left and float:right blocks, and it looks great until I add a second one for the second language, and then it all squishes to the left half. I find it interesting that in either language it appears on the left side; with this symptom I would have expected the second widget (the second language) to appear on the right half. Anyway, naturally I want it to span all the way across. Is there a solution that still allows a non-programmer to add or remove widgets without editing the CSS?