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

✅ 🔗 🚀 Feature Request: The svg icon is displayed very badly in the button widget. please check it. (Duplicate of #16511) #19370

Closed
2 tasks done
Michaelgimii opened this issue Aug 7, 2022 · 1 comment
Closed
2 tasks done

✅ 🔗 🚀 Feature Request: The svg icon is displayed very badly in the button widget. please check it. (Duplicate of #16511) #19370

Michaelgimii opened this issue Aug 7, 2022 · 1 comment
Labels
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/d* [Temp.] For internal use only. mod/r* [Temp.] For internal use only. mod/vf* [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

@Michaelgimii
Copy link

Prerequisites

  • I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
  • The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

Button widget is one of the most needed widgets in elementor. But it has really trivial problems. Especially if we use an svg to display the icon in it.
Actually, if we use icons from the elementor library, there is no problem, but the svg icon ...
Please see this image : https://prnt.sc/Te1rVwv-euUn

In the above button, the icon of the elementor library is used, which has no problem.

But in the bottom button, the svg icon is used and it has two important problems.
1- If you look closely at the icon, it is not exactly centered vertically.It is located a little higher.
2- Adding the svg icon causes the button text to go out of vertical alignment. Actually, if we use the svg icon, the button text will be slightly higher.

Describe the solution you'd like

All icons in elementor have an extra empty space at the bottom : https://prnt.sc/Lw3nsTFtitms
If you remember I mentioned it in beta 3.7 @shilo-ey .

Another thing that is very important is a request. I would like to request you elementor developers, please, please, please, please add the option to change the icon size to the button widget. Currently, the icon size changes along with the typography size of the button text. This is really bad. Almost all page builders have this simple feature. This is really a simple request.
Please add the option to change the button icon size. please

Describe alternatives you've considered

No response

Additional context

No response
@Michaelgimii Michaelgimii added the request Indicates a non-validated Feature Request. label Aug 7, 2022
@rami-elementor rami-elementor added the control/icons References any instance of the Icon control. label Aug 9, 2022
@nicholaszein nicholaszein added the mod/r* [Temp.] For internal use only. label Jun 3, 2024
@nicholaszein nicholaszein changed the title 🚀 Feature Request: The svg icon is displayed very badly in the button widget. please check it. 🔗 🚀 Feature Request: The svg icon is displayed very badly in the button widget. please check it. (Duplicate of #16511) Mar 1, 2025
@nicholaszein nicholaszein added status/merged Indicates when a Pull Request has been merged to a Release. 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. type/experiment Indicates when a topic is related to a Stable or Unstable Feature or Experiment. mod* [Temp.] For internal use only. duplicate Indicates when an Issue or a Discussion is a duplicate of another Issue or Discussion. mod/d* [Temp.] For internal use only. component/inline-font-icons References the Inline Font Icons experimental feature. release/3.28 [Temp.] References Issues or Discussions related to Elementor and Elementor Pro version v3.28. and removed request Indicates a non-validated Feature Request. labels Mar 1, 2025
@nicholaszein nicholaszein added this to the 3.28.0 milestone Mar 1, 2025
@nicholaszein nicholaszein added the mod/vf* [Temp.] For internal use only. label Mar 1, 2025
@nicholaszein nicholaszein changed the title 🔗 🚀 Feature Request: The svg icon is displayed very badly in the button widget. please check it. (Duplicate of #16511) ✅ 🔗 🚀 Feature Request: The svg icon is displayed very badly in the button widget. please check it. (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

Hi @Michaelgimii!

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
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/d* [Temp.] For internal use only. mod/r* [Temp.] For internal use only. mod/vf* [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
3 participants
@Michaelgimii @rami-elementor @nicholaszein