Is there a setting in the Inspector to center button text? This does nothing:
The Elements Bot (nice addition!) says add this code and I did and that does work, but there must be a novice friendly setting that I am missing:
Strange it works for me, I can move the text left, right, or centered without any problems.
@dan That is how I have it set. I copied this button from the North Eleven project, and I think that’s the problem. I had similar issues with text I copied from there. Anyway, I added another button and set it to align center and that works. Both of these are set the same and you can see the difference. Once the text gets too long for one line then the top button shifts to align left where the bottom one stays aligned center. One line text is centered on both:
Can you share a sample project (via Elements Cloud) with the misaligned button in so we can take a closer look at what’s going on?
@dan Here’s the sample project link:
elementsapp://downloadDocument/9B117gOrOafq
Think this issue could be in the North Eleven project. I initially used that as a base and the button at the bottom of this page is left aligned even though it is set to being centred - Blackrock Apartments Queenstown
None of the alignment settings do anything to the button text on any of the pages on that site.
Another site I am working on has a button copied from that site with the same result, left aligned only, and a button I made from scratch which is fully adjustable.
I am going to delete the buttons that don’t work and replace them with new ones so the above link will only show the error for a few hours before I republish.
1 Like
Ok, this might help. New button was working fine until I set an external link and it immediately jumped to left align only.
Deleted the link and the button text re-centred. Same thing when setting any link.
I continue to see strange things with any text in line two of the button. And as @jbyfield says, deleting the link and the text aligns again as set in the inspector.
this appears to be an issue when setting links internal or external on multi lines in a component button in this case
if I add text-centre in the CSS Classes for the button the text centers even with links
created new button
also if you set a link in a button with multi lines width set to auto it stretches across the screen unless you set a width, see in video
if I set the link link on text rather than the button no issues
1 Like
Which of your two solutions is considered the ‘best’ way to resolve this, am guessing the CSS on the button?
@ben would be best placed, perhaps we are missing something, or how the link is dealt within the button re centering
Okay, I’ve looked into this issue and it appears that when you add a link to the button, it aligns the text to the left if the text is so long it spans multiple lines. So yes, this is a little bug.
I’ll get @ben to fix this issue in the next couple of weeks!