Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 20, 2024 at 6:35 pm #1474079
    drees202

    The new CSS styles added by the Avia layout builder from the newest version of Enfold 6.0.8, has changed the HTML padding of most items on our dev site, causing visual placement issues. We are moving from version 4.7.6.3 to 6.0.8

    For example, in our production homepage where it says “X”, we inspect and see the text is aligned properly (centered etc).
    However, in dev site with the padding applied the text is shifted to the right throughout our site.

    Please see:
    https://imgur.com/JdwIRyS -dev site issues
    https://imgur.com/zmbac1o -current working prod site

    Please inform us on a solution to this issue or the newest release of the theme without the padding applied.

    Thanks.

    December 20, 2024 at 9:11 pm #1474089
    Rikard

    Hey John,

    That padding seems to be coming from user input, general theme styling wouldn’t overwrite it. Did you try clearing all caches and toggling the file compression option in the theme under Enfold->Performance?

    Best regards,
    Rikard

    January 14, 2025 at 2:36 pm #1475090
    drees202

    Rikard, the team & I really appreciate your response/help!

    1. We could not locate the “image compression” settings via the path mentioned, however, we do have an “image optimization” plugin. How can we locate?
    2. Also, where do we clear the referred to caches?
    3. Lastly, could you please elaborate/explain what you mean when you say coming from “user input”?

    In the original post, I did not make it clear this issue only occurs on mobile browsers*
    Any response to the three above questions or information on the newest version of the theme without the padding issue will be greatly appreciated!
    Best,

    • This reply was modified 1 week, 6 days ago by drees202.
    • This reply was modified 1 week, 6 days ago by drees202.
    January 14, 2025 at 9:43 pm #1475110
    Rikard

    Hi,

    Thanks for the update. I see that the styling is different between your two sites, I’m not sure where the X text is located though?

    1. File compression, not image compression. It might not be present in your production site since the theme version is very old.
    2. If you have caching plugins or other cache applied to the site, then please clear that. Try clearing you local browser cache as well.
    3. You could check the element options, to see if padding has been applied to it.

    If you should need further help, then please include admin WordPress login details in private. Screenshots highlighting the problems that you are having would be helpful too.

    Best regards,
    Rikard

    January 15, 2025 at 2:51 pm #1475152
    drees202

    Thanks for the response! I just used “X” as a place holder/variable. The issue is all text “X” in Mobile is shifted right & miss formatted in general. I believe custom CSS might be the issue.

    January 15, 2025 at 5:42 pm #1475175
    Mike

    Hi,
    When I check your two sites I don’t see a difference:
    Enfold Support 6577

    Best regards,
    Mike

    January 16, 2025 at 4:40 pm #1475236
    drees202
    This reply has been marked as private.
    January 16, 2025 at 5:56 pm #1475249
    drees202
    This reply has been marked as private.
    January 17, 2025 at 7:09 am #1475272
    Ismael

    Hi,

    Thank you for the update.

    The shift or the spaces around the cells are due to the padding settings. Did you set the left or right padding to 20%?

    .responsive #top #wrap_all .flex_cell.av-kyn9tdd8-374b8bd1892b4b8013281e9880b054a8 {
    padding: 4% 20% 4% 4% !important;
}

    You have to edit the Grid Row cells and adjust the Styling > Padding for the mobile view, as shown in the screenshot below.

    View post on imgur.com

    Best regards,
    Ismael

    January 17, 2025 at 5:38 pm #1475306
    drees202
    This reply has been marked as private.
    January 17, 2025 at 7:20 pm #1475313
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Alignment Issues from Padding’ is closed to new replies.