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

✅ 🔗 🐞 Icon in Button not vertical middle when Font-Awesome Inline (Experiments) is "Active" (Duplicate of #16511) #16077

Closed
datgausaigon opened this issue Aug 19, 2021 · 8 comments
Closed

✅ 🔗 🐞 Icon in Button not vertical middle when Font-Awesome Inline (Experiments) is "Active" (Duplicate of #16511) #16077

datgausaigon opened this issue Aug 19, 2021 · 8 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. 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

@datgausaigon
Copy link

Hi,
I use latest Elementor version.

  1. Active Font-Awesome Inline in Experiments
  2. Add a Button Widget
  3. Set Text for Button Widget (Something)
  4. Set Icon for Button Widget (facebook icon)

=> The icon in button don't vertical align middle

I use a css trick to fix it:

selector .elementor-button-icon {
    display: flex;
    align-items: center;
}

Please Check, Thanks 😄
@DorShahar DorShahar added the request/enhancement Indicates an Enhancement Request for an existing feature. label Aug 23, 2021
@heysash
Copy link

heysash commented Mar 23, 2023

+1

@WebRat45
Copy link

I still have this issue.

@theavic
Copy link

theavic commented Jun 20, 2023

This is still not fixed

@ItsFiloHere
Copy link

The issue is still present

@kulterryan
Copy link

Works for me

selector .elementor-button-icon {
display: flex;
align-items: center;
}

@aspiess
Copy link

aspiess commented Oct 23, 2023 •
edited
Loading

Would be great if there is a setting for that. This issue is still not fixed. The CSS is working as workaround.

@BenjiGoanna
Copy link

Issue is still there, seems to be a problem on certain browser and mobile, but not an issue in firefox

@nicholaszein nicholaszein added the mod/r* [Temp.] For internal use only. label Jun 3, 2024
@nicholaszein nicholaszein changed the title Icon in Button not vertical middle when Font-Awesome Inline (Experiments) is "Active" 🔗 🐞 Icon in Button not vertical middle when Font-Awesome Inline (Experiments) is "Active" (Duplicate of #16511) Mar 1, 2025
@nicholaszein nicholaszein added bug Indicates a bug with one or multiple components. status/merged Indicates when a Pull Request has been merged to a Release. control/icons References any instance of the Icon control. 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. mod/d* [Temp.] For internal use only. component/inline-font-icons References the Inline Font Icons experimental feature. mod/b* [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. and removed request/enhancement Indicates an Enhancement Request for an existing feature. mod/r* [Temp.] For internal use only. labels Mar 1, 2025
@nicholaszein nicholaszein added this to the 3.28.0 milestone Mar 1, 2025
@nicholaszein nicholaszein changed the title 🔗 🐞 Icon in Button not vertical middle when Font-Awesome Inline (Experiments) is "Active" (Duplicate of #16511) ✅ 🔗 🐞 Icon in Button not vertical middle when Font-Awesome Inline (Experiments) is "Active" (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

Hello 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. 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
10 participants
@aspiess @datgausaigon @DorShahar @kulterryan @ItsFiloHere @heysash @theavic @nicholaszein @WebRat45 @BenjiGoanna