Button alignment in Elementor
Hello, how are you?
I need to center the button in Elementor but I already set the alignment to the center and nothing changes. How can I achieve this? Do I need to implement a CSS line of code? If so can you please provide it to me.
I'm attaching a couple of images for your better understanding.
Thanks a lot for your help in advance!
Comments
Hi,
The setting with alignment should work.
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
However, notice that the Elementor is not our product, and if the issue lies on the Elementor side, we will not be able to help.
Thanks
Hello,
https://scalinggroup.com.co/
It looks like the container in which the button is, is the same size as the button.
Does it look like this on your backend?:
Please, add a new section separate into three columns, put the buttons there, and see if alignment works correctly there.
Thanks
Hi there and thanks for your help!
I add a new section with 3 columns as you suggest but the buttons were still aligning to the left but I found a way to fix it.
As I want all the content of the columns aligned to the center I edit the column and set the horizontal alignment to CENTER.
Not the ideal way to fix it but it does the trick... maybe you can report the issue to Elementor and they might fix it given the fact that Be Theme is used by a huge amount of wordpress websites. Or if you can fix it have in mind that Elementor is used by a lot of web designers right now.
Thanks a lot again for your kindly help.
Best,
Trino
I am glad that you resolved it, and I could help.
I will keep this in mind if someone will report something similar, however, no one mentioned anything similar, and I could not replicate it in my environment.
Best regards