beregod Sep 5, 2016 · 12:56 pm #4757 Good day colleagues,
I have one issue with footer.
I have 5 blocks in footer. I set rule to display them only in russian version. After this I added translation of block # 1 (for example) in widgets with rule to display in english version only and have next issue:
– in russian version appears 6 blocks, one empty block
– in english version appears 6 blocks, 5 empty blocks, one translated
I tried to add translation of all blocks but have next situation:
– in russian version appears 10 blocks, 5 empty block, 5 in russian lang
– in english version appears 10 blocks, 5 empty blocks, 5 in english
When I use word “block” I mean column with custom information (menu, image,text) like on screenshot http://d58i.imgup.net/screenshote53f.jpg
Multilang version works with Polylang plugin
Andrew Misplon Puro Sep 5, 2016 · 2:22 pm #4762 Hi beregod
For this multi-lang situation we need to use a little Custom CSS to set the columns per language. Is it the same site as your other thread? If not, please, can you confirm the link for me to check?
Thanks
beregod Sep 6, 2016 · 11:17 am #4768 Hi Andrew,
Yes, it is the same site as my other thread. link http://www.bereg-trs.com.ua
Next situation is at the moment:
– in russian version appears 6 blocks, one empty block
– in english version appears 6 blocks, 5 empty blocks, one translated
Andrew Misplon Puro Sep 6, 2016 · 11:27 am #4769 Thanks.
If you don’t yet have a Custom CSS plugin installed, please, install Simple Custom CSS. Then, go to Appearance > Custom CSS and try inserting the following:
/* Footer */
body:lang(ru) .site-footer .footer-main .widget-count-6 {
margin-right: 2.85714%;
width: 17.71429%;
}
body:lang(en) .site-footer .footer-main .widget-count-6 {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.site-footer .footer-main .widget:last-of-type {
margin-right: 0 !important;
}
beregod Sep 6, 2016 · 12:10 pm #4770 I have installed Simple Custom CSS and added the code, but it seems to be same issue
Andrew Misplon Puro Sep 6, 2016 · 2:55 pm #4772 I think the count might have changed from when I first checked. Please, replace the previous CSS with the following:
body:lang(ru) .site-footer .footer-main .widget-count-8 {
margin-right: 2.85714%;
width: 17.71429%;
}
body:lang(en) .site-footer .footer-main .widget-count-8 {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.site-footer .footer-main .widget:last-of-type {
margin-right: 0 !important;
}
beregod Sep 8, 2016 · 1:38 pm #4793 Hi Andrew,
thank you very much
my solutions was next:
/* Footer */
body:lang(ru) .site-footer .footer-main .widget-count-6 {
margin-right: 3;
width: 30%;
}
body:lang(en) .site-footer .footer-main .widget-count-6 {
margin-left: 0;
margin-right: 3;
width: 30%;
}
.site-footer .footer-main .widget:last-of-type {
margin-right: 0 !important;
But I have isue with footer in mobile version. How to display footer blocks one after another in mobile version, e.g.:
1) desktop version:
block 1 | block 2 | block 3
2) mobile verison:
block 1
block 2
block 3
Andrew Misplon Puro Sep 8, 2016 · 1:45 pm #4795 Awesome 🙂 Glad to hear you’ve made progress. Thanks for posting. The margin property doesn’t offer a unitless value like line-height does so perhaps consider changing the 3 values to 3px or 3%.
beregod Sep 8, 2016 · 2:57 pm #4796 I want the footer to be responsive
this code solved my problem in mobile version of website. Footer is responsible
/* Footer */
@media (max-width: 880px)
body:lang(ru) .site-footer .footer-main .widget-count-6 {
margin-right: 3%;
width: 30%;
}
@media (max-width: 880px)
body:lang(en) .site-footer .footer-main .widget-count-6 {
margin-left: 0%;
margin-right: 3%;
width: 30%;
}
.site-footer .footer-main .widget:last-of-type {
margin-right: 0 !important;
}
But there appeared the old issue in desktop version: 3 blocks (columns) with information, 3 blocks (colums) empty
Andrew Misplon Puro Sep 8, 2016 · 6:24 pm #4802 The media queries above look like they’re missing opening and closing brackets. Please, create a user account for us and we’ll take a look. Go to Users > Add New and create a new account:
Username: puro
Email: [email protected]
Role: Administrator
Thanks.
beregod Sep 9, 2016 · 9:40 am #4813 This reply has been marked as private.
Andrew Misplon Puro Sep 9, 2016 · 10:12 am #4816 This reply has been marked as private.
Andrew Misplon Puro Sep 9, 2016 · 10:12 am #4817 Thanks, you can check now.
beregod Sep 9, 2016 · 10:17 am #4818 Hi Andrew,
Thank you very much for your support! All is done and working good
