Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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:
    Weird lines and strange colors & layout with some translated products
    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.

    #545173

    Hey 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!
    Andy

    #545250

    hi 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!

    #546229

    Hey!

    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!
    Ismael

    #552933

    Hi 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!

    #555187

    Hi!

    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,
    Andy

    #563065

    Hi 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.

    #563737

    Hi!

    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,
    Ismael

    #563822

    Hi 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!

    #564380

    Hi!

    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

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.