Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 19, 2025 at 6:03 pm #1490374
    Munford

    hi
    on the page below I am seeing some strange behaviour with my button elements.
    the backend looks like this: https://imgur.com/a/wFboAp9
    but the front end shows just one button like there is a negative whitespace or something. (see below)
    I have tried redoing all the elements but all the buttons are acting the same.
    I can’t find any css that is causing it. can you see what the issue is?
    thanks
    Nancy

    October 19, 2025 at 6:14 pm #1490375
    Mike

    Hey Munford,
    Your buttons are on top of each other due to position: absolute; in this custom css:

    .priser .avia-button-wrap {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

    Try this instead:

    .priser .avia-button-wrap {
    display: block;
    position: relative;
}

    Best regards,
    Mike

    October 19, 2025 at 7:07 pm #1490376
    Munford

    HI Mike
    I changed that but it’s still the same – overlapping.
    Do you see that also?
    /Nancy

    • This reply was modified 3 weeks, 2 days ago by Munford.
    October 19, 2025 at 7:38 pm #1490378
    Mike

    Hi,
    Try clearing your browser cache and remove the bottom: 30px;:
    K8iU7lp.md.png

    Best regards,
    Mike

    October 19, 2025 at 11:17 pm #1490380
    Munford

    thanks I think that was the problem with the overlap, but I am still seeing an issue that I don’t see my correct changes in preview mode. It only shows the changes if i save the page.

    • This reply was modified 3 weeks, 2 days ago by Munford.
    • This reply was modified 3 weeks, 2 days ago by Munford.
    • This reply was modified 3 weeks, 2 days ago by Munford.
    October 20, 2025 at 7:35 am #1490388
    Ismael

    Hi,

    Thank you for the update.

    We tried temporarily adding a text block to the portfolio, then clicked Preview, and the text element immediately displayed on the frontend without saving the page. How can we reproduce the issue with the page preview?

    Screenshot-2025-10-20-at-1-34-10-PM

    Best regards,
    Ismael

    October 20, 2025 at 10:25 am #1490396
    Munford

    I see it when I add anything around a button element.
    testing it, I also see wrong layouts like this with side by side buttons instead of stacked:

    View post on imgur.com

    View post on imgur.com

    I updated the theme which fixed some of the other issues with the preview but those buttons are still displaying side by side.

    not sure what is going on. I have not seen these issues before.
    thanks for your help
    Nancy

    • This reply was modified 3 weeks, 2 days ago by Munford.
    • This reply was modified 3 weeks, 2 days ago by Munford.
    October 21, 2025 at 7:07 am #1490439
    Ismael

    Hi,

    Thank you for the screenshots.

    That is normal since the Styling > Appearance > Button Position of the buttons is set to Align Left. If you want the buttons to stack on top of each other, set it to the default Align Center.

    Best regards,
    Ismael

    October 21, 2025 at 11:22 am #1490459
    Munford
    This reply has been marked as private.
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘button elements overlapping text’ is closed to new replies.