Tagged: enfold woocommerce, enfold wpml, layout, Layout Builder
-
AuthorPosts
-
November 27, 2015 at 5:07 pm #543720
Hi there!
I got a website with Enfold, WPML and WooCommerce (all is up-to-date) and in some case (not on every products) the layout looks very bad on some translated products (same layout, no changes compared to the original one, except translated texts).
Rows have borders (even when I choosed “no borders”), some texts are in black (there too, I choosed #ffffff), and the “add to cart” button is not with the right color, here is an exemple:
Please note that it’s only happening with some products, not all of them, I tried to edit all my products today and the problems is persistent with some translated products (I did empty the cache, deactivate it (WProcket), clear navigator cache, tried with a different navigator… Same way.
Could you plese be kind enough to take a look at it and tell me if it’s a bug or if I did something wrong…?
Thanks for your help!
Kind regards.December 1, 2015 at 2:25 pm #545173Hey MDPC!
try to deactivate all plugins, but WooCommerce by WooThemes and WPML by OnTheGoSystems, to check if one is causing this issue.
Note that WPML works like this: every language gets it’s own custom css. So any changes you have made to on language, you need to do the same to the other languages as well. Feel free to ask WPML support for more information about it.
Cheers!
AndyDecember 1, 2015 at 3:16 pm #545250hi Andy
Thanks for your reply;
I’ve already done that (deactivate plugins), as I’ve already checked differents (languages) CSS: they’re axactly the same…
The strange thing is: only SOME products translation are messed up, not all of them (I put the details on private section); At the beginning I believed it was something like some HTML tags that were not closed or some bad written CSS class but I carefuly checked the pages elements and custon code (html, css) and all seems fine but sections still have borders and some texts are not in the right color (only in FR translation, on some products, not all of them, thus it’s the same page design/template), really dunno why…
Could you please have a look at these two different products: the first one is OK but the second one is messed up, do you see any differences in template/design (normaly exactly the same) ? [see private]
Thanks in advance for your time and patience!December 3, 2015 at 4:30 am #546229Hey!
Add this in the Quick CSS field in order to remove the section border:
.single-product .avia-section { border: none; }
Please provide a screenshot of the font color issue.
Cheers!
IsmaelDecember 15, 2015 at 12:11 pm #552933Hi there!
The font color issue I mentionned before is at the bottom of the page I pointed before (the messed one) the font color is normaly white… And I notice the footer has wrong colors (links, …)
Seems like I got the very same problem like in this thread: https://kriesi.at/support/topic/problem-with-footer-after-changing-a-page-layout/
Thanks for your help!December 18, 2015 at 8:34 pm #555187Hi!
not sure what you mean. I checked both links you have provided here, but can’t see any issue. Can you highlight to make things clear for us please? so we get an idea of what’s the issue about. Please use imgur.com or dropbox.
Best regards,
AndyJanuary 11, 2016 at 12:45 pm #563065Hi there!
Clearly, my problem is exactly the one mentionned in my precedent post (see topic https://kriesi.at/support/topic/problem-with-footer-after-changing-a-page-layout/ ) as I did exactly this:
“As soon as we add or remove a layout element the problem starts. For example changing a layout element from size 1/3 to 2/3.
Also when a layout element is moved or resized.
Changing Content elements or Media elements usually causes no harm if we keep them in the same layout element. However when we add a horozontal line or whitespace things move around, and the problem starts again.
It also happens on all other pages that we create afterwards, and we have exact same the problem on all of the websites we manage.”
In “Private Content” I show you links to pages either “fine” and “messed up”, to see the difference, simply look at the bottom of the page:
-Text colors are not the right ones (black instead of white on a blue color section)
-Too much space added between sections, even when I set it to “no padding”
-Borders everywhere between sections (OK I did insert the code you mentionned before but it’s still a trick and not a real solution to remove these borders, I need borders for other pages …)
-Footer links and texts does not get any style (normally links are light-blue but here, remains black-grey ones)
-Spaces, everywhere some spaces are added, not necessary big ones, but still annoying …
Could you please be kind enough to take a closer look at it?
Thanks in advance and Best regards.January 12, 2016 at 8:54 am #563737Hi!
I checked both pages but I’m having a problem in identifying the issue. Screenshots of the said issue will help a lot. Please post the screenshots by using imgur or dropbox.
Best regards,
IsmaelJanuary 12, 2016 at 12:11 pm #563822Hi there;
Here are some screenshots at Imgur: http://imgur.com/a/giRe2
But, really, I cannot say better than this:“Clearly, my problem is exactly the one mentionned in my precedent post (see topic https://kriesi.at/support/topic/problem-with-footer-after-changing-a-page-layout/ ) as I did exactly this:
“As soon as we add or remove a layout element the problem starts. For example changing a layout element from size 1/3 to 2/3.
Also when a layout element is moved or resized.
Changing Content elements or Media elements usually causes no harm if we keep them in the same layout element. However when we add a horozontal line or whitespace things move around, and the problem starts again.
It also happens on all other pages that we create afterwards, and we have exact same the problem on all of the websites we manage.”
In “Private Content” I show you links to pages either “fine” and “messed up”, to see the difference, simply look at the bottom of the page:
-Text colors are not the right ones (black instead of white on a blue color section)
-Too much space added between sections, even when I set it to “no padding”
-Borders everywhere between sections (OK I did insert the code you mentionned before but it’s still a trick and not a real solution to remove these borders, I need borders for other pages …)
-Footer links and texts does not get any style (normally links are light-blue but here, remains black-grey ones)
-Spaces, everywhere some spaces are added, not necessary big ones, but still annoying …
Could you please be kind enough to take a closer look at it?
Thanks in advance and Best regards.”Thanks for your help!
January 13, 2016 at 7:25 am #564380Hi!
The problem is that the color sections are outside the wrap_all container which messes up a few styles. This usually happens on a complex page with and when a few elements are left outside the color section. Unfortunately, we still can’t figure out why this is happening. The only solution is to make sure that all elements are wrapped inside a color section.I created a test page using the previous product layout and it looks correct on this one: http://essentialelements.bio/0/e2-boutique/test-product/?lang=fr
It looks like a cache issue. Try to edit the product, save the layout as template then delete it. Create a new product item, insert the template.
Regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.