-
AuthorPosts
-
April 26, 2018 at 4:00 pm #947329
Hi,
after updating to 4.3 my Partner/Logo Element gallery displays very bad as you can see here: https://www.geoclima.com
Settings are: No scalind (original width x original height)
I believe there’s something wrong on your code because I’ve noticed other people have the same issue.
Thanks.April 26, 2018 at 10:49 pm #947507Hey,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.av-partner-fake-img { background-size: auto; background-position: 50% 0; padding-bottom: 30%!important; }
We will check with our devs and come up with a better solution.
Best regards,
YigitApril 27, 2018 at 8:28 am #947714hi,
it fixes this https://www.geoclima.com/ but doesn’t fix this https://www.hecoclima.com/April 27, 2018 at 9:51 am #947756Also, on the italian version is not displaying right: https://www.geoclima.com/it/
April 30, 2018 at 8:03 am #948832Hi,
Thanks for the update.
Try to use this css code instead.
.av-partner-fake-img { background-size: contain; background-position: 50% 50%; padding-bottom: 50%!important; }
Best regards,
IsmaelApril 30, 2018 at 10:10 am #948950hi @ismael,
on https://www.hecoclima.com your fix works better (even though the logos don’t look to be perfectly centered).
But on https://www.hecoclima.com/en/ I still can’t see the gallery and don’t know why.
There’s something wrong with WPML.
If you check https://www.geoclima.com/it/ there’s an unexpected border which is not displayed on https://www.geoclima.com/.
On https://www.geoclima.com/de/ and https://www.geoclima.com/ru/ we can see the border and the wrong size of logos.April 30, 2018 at 5:30 pm #949130Hi,
Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your element and give it a custom CSS class (“my-custom-class” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab
.av-partner-fake-img { background-size: contain; background-position: 50% 50%; } .your-custom-class .av-partner-fake-img { padding-bottom: 50%!important; }
and adjust “padding-bottom” value for each element separately.
We will add an option to display the element like it was in previous versions in near future :)Best regards,
YigitMay 2, 2018 at 8:49 am #949893hi @Yigit,
I frankly don’t understand what element I should edit and where I can give it a custom CSS class.May 3, 2018 at 11:10 am #950651After updating to 4.3.1 I still don’t have a fix for this.
May 3, 2018 at 2:29 pm #950793Update working.
Thanks.May 3, 2018 at 2:54 pm #950813Rephrase: on http://www.hecoclima.com (no centering) and on http://www.hecoclima.com/en/ (no logos displayed) I still have issues.
Please, help.May 4, 2018 at 4:13 am #951222Hi,
Thanks for the update.
Try this code in the Quick CSS field to fix the vertical alignment.
#top .avia-logo-element-container .slide-entry {display: table-cell;vertical-align: middle;float: none;} #top .avia-content-slider .slide-entry-wrap{margin:0; display: table;}
For the EN version, please remove the current items from the element and then reselect them from the Media library.
Best regards,
IsmaelMay 4, 2018 at 11:14 am #951530hi @Ismael,
thanks for help.
The EN version now is fixed, but I guess I still got issues about centering.
See here: https://www.dropbox.com/s/nnpp381pzqbtmc0/cattura.jpg?dl=0May 7, 2018 at 9:42 am #952550Hi,
Did you add the css code above? That should fix the vertical alignment of the logo.
#top .avia-logo-element-container .slide-entry { padding: 1px; display: table-cell; vertical-align: middle; padding: 0 10px; float: none; } #top .avia-logo-element-container .slide-entry-wrap { display: table; }
If it doesn’t work in the Quick CSS field, add it in the child theme’s style.css file.
Best regards,
IsmaelMay 7, 2018 at 11:51 am #952623Ok, thanks.
-
AuthorPosts
- The topic ‘Partner/Logo Element issue with Enfold 4.3’ is closed to new replies.