Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

✅ 🔗 🐞 Bug report: Inline Font Icons breaks alignment of button icons (Duplicate of #16511) #17922

Closed
5 tasks done
bugnumber9 opened this issue Feb 22, 2022 · 7 comments
Closed
5 tasks done

✅ 🔗 🐞 Bug report: Inline Font Icons breaks alignment of button icons (Duplicate of #16511) #17922

bugnumber9 opened this issue Feb 22, 2022 · 7 comments
Labels
bug Indicates a bug with one or multiple components. component/inline-font-icons References the Inline Font Icons experimental feature. control/icons References any instance of the Icon control. duplicate Indicates when an Issue or a Discussion is a duplicate of another Issue or Discussion. mod/b* [Temp.] For internal use only. mod/d* [Temp.] For internal use only. mod/v* [Temp.] For internal use only. mod* [Temp.] For internal use only. release/3.28 [Temp.] References Issues or Discussions related to Elementor and Elementor Pro version v3.28. solved Indicates that an Issue has been Solved, or a Feature Request has been Released. status/merged Indicates when a Pull Request has been merged to a Release. type/experiment Indicates when a topic is related to a Stable or Unstable Feature or Experiment. type/layout Indicates when a topic is related to a component’s Layout. type/styles Indicates when a topic is related to the styles or design of a component. widget/button References the Button widget.
Milestone
3.28.0

Comments

@bugnumber9
Copy link

Prerequisites

  • I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
  • The issue still exists against the latest stable version of Elementor.

Description

This is how the button looks if Inline Font Icons is off:
off
This happens when Inline Font Icons is on:
on

Steps to reproduce

Create a button with icon, see how it looks with Inline Font Icons being on/off.

Isolating the problem

  • This bug happens with only Elementor plugin active (and Elementor Pro).
  • This bug happens with a Blank WordPress theme active (Hello theme).
  • I can reproduce this bug consistently using the steps above.

System Info

n/a
@bugnumber9 bugnumber9 added the bug Indicates a bug with one or multiple components. label Feb 22, 2022
@rami-elementor rami-elementor added the control/icons References any instance of the Icon control. label Feb 22, 2022
@79ho3ein
Copy link

+1

1 similar comment
@Camilo517
Copy link

+1

@rami-elementor
Copy link
Member

Related: #16511

@79ho3ein
Copy link

@rami-elementor ,thank you for your attention. I think these two reported cases are completely different. What is reported in this issue is that when we enable the Inline Font Icons option, the alignment of the icons will be broken. This bug is absolutely correct and exists. I tested it.
But what I reported in issue 16511 does not depend on the Inline Font Icons option. Whether this option is enabled or not, all elementor icons have trouble aligning. This problem has existed since the beginning of elementor. Each icon you add from the elementor icon library has an extra space at the bottom : https://prnt.sc/Cal5rcI59Km7

@bugnumber9
Copy link
Author

This issue is still there in the latest version...

@rami-elementor
Copy link
Member

We are aware of this issue.

Please note that Inline Font Icons is an experimental feature - Alpha status.

You should not use this experiment on production sites.

@nicholaszein nicholaszein added mod/b* [Temp.] For internal use only. type/experiment Indicates when a topic is related to a Stable or Unstable Feature or Experiment. component/inline-font-icons References the Inline Font Icons experimental feature. labels Jun 3, 2024
@nicholaszein nicholaszein added status/merged Indicates when a Pull Request has been merged to a Release. mod* [Temp.] For internal use only. mod/v* [Temp.] For internal use only. release/3.28 [Temp.] References Issues or Discussions related to Elementor and Elementor Pro version v3.28. labels Mar 1, 2025
@nicholaszein nicholaszein added this to the 3.28.0 milestone Mar 1, 2025
@nicholaszein nicholaszein added type/styles Indicates when a topic is related to the styles or design of a component. type/layout Indicates when a topic is related to a component’s Layout. widget/button References the Button widget. duplicate Indicates when an Issue or a Discussion is a duplicate of another Issue or Discussion. mod/d* [Temp.] For internal use only. labels Mar 1, 2025
@nicholaszein nicholaszein changed the title 🐞 Bug report: Inline Font Icons breaks alignment of button icons 🔗 🐞 Bug report: Inline Font Icons breaks alignment of button icons (Duplicate of #16511) Mar 1, 2025
@nicholaszein nicholaszein changed the title 🔗 🐞 Bug report: Inline Font Icons breaks alignment of button icons (Duplicate of #16511) ✅ 🔗 🐞 Bug report: Inline Font Icons breaks alignment of button icons (Duplicate of #16511) Mar 19, 2025
@nicholaszein nicholaszein added the solved Indicates that an Issue has been Solved, or a Feature Request has been Released. label Mar 19, 2025
@nicholaszein
Copy link
Member

Hey everyone!

We have great news! 🙌

📢 We're happy to announce that the issue you raised was resolved in Elementor Core v3.28.0! 🥳

Now all button icons across different Elementor elements are correctly aligned vertically! 💪

✅ Feel free to check it out and update your plugin to the new version!

Check the changelog for more information:
Changelog of Elementor and Elementor Pro

Note

If you still think this is a bug, please follow the guidelines for opening a new 🐞 Bug Report, so we can help you better.

Cheers 🥂

@elementor elementor locked as resolved and limited conversation to collaborators Mar 19, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
bug Indicates a bug with one or multiple components. component/inline-font-icons References the Inline Font Icons experimental feature. control/icons References any instance of the Icon control. duplicate Indicates when an Issue or a Discussion is a duplicate of another Issue or Discussion. mod/b* [Temp.] For internal use only. mod/d* [Temp.] For internal use only. mod/v* [Temp.] For internal use only. mod* [Temp.] For internal use only. release/3.28 [Temp.] References Issues or Discussions related to Elementor and Elementor Pro version v3.28. solved Indicates that an Issue has been Solved, or a Feature Request has been Released. status/merged Indicates when a Pull Request has been merged to a Release. type/experiment Indicates when a topic is related to a Stable or Unstable Feature or Experiment. type/layout Indicates when a topic is related to a component’s Layout. type/styles Indicates when a topic is related to the styles or design of a component. widget/button References the Button widget.
Projects
None yet
Milestone
3.28.0
Development

No branches or pull requests
5 participants
@bugnumber9 @Camilo517 @79ho3ein @rami-elementor @nicholaszein