# Text align center & border radii not working

**URL:** <https://community.thunkable.com/t/text-align-center-border-radii-not-working/536563>\
**Category:** Questions about Thunkable X\
**Created:** [March 26, 2020, 11:17am UTC](https://community.thunkable.com/t/text-align-center-border-radii-not-working/536563 "2020-03-26T11:17:39Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![bramgrooten](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bramgrooten/32/33189_2.png) [@bramgrooten](https://community.thunkable.com/u/bramgrooten)\
**Post date:** [March 26, 2020, 11:17am UTC](https://community.thunkable.com/t/text-align-center-border-radii-not-working/536563/1 "2020-03-26T11:17:39Z")

</div>

Hi Thunk,

See attached screenshot:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/b/cb930ca874ea5e9709b17208eb8e6ca5758be086.png)

The orange label is supposed to have text aligned in the center, which is not showing in beta-preview. (It does show in the Thunkable Live app.)

The blue button is supposed to have straight corners with borderRadii = 0 on the right, but this is not showing in beta-preview (and not in Thunkable Live either).

Project link here: [Thunkable](https://x.thunkable.com/copy/4f1a1fdba4a3b28a2716538ca0a2fb9a)

---

<div class="post-metadata">

**Author:** ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)\
**Post date:** [March 26, 2020, 11:24am UTC](https://community.thunkable.com/t/text-align-center-border-radii-not-working/536563/2 "2020-03-26T11:24:55Z")

</div>

Hi, @bramgrooten! 👋

For the button’s border radius, I found that you have a radius of `75 pixels` in the designer area of the button -

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/8/98029f12bed6809121720ab844b7e84dfd9f4185.png)

I tried changing it to `0 pixels` (as you want) and here’s the result - [https://thunk.app/w/zr-zQXy76](https://thunk.app/w/zr-zQXy76)

Alright?

* * *

For the label, can you please again make sure, that the text seems center-alligned in live app, and not in web app? Also make sure you have latest version of the app.

Thanks! 😊

---

<div class="post-metadata">

**Author:** ![bramgrooten](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bramgrooten/32/33189_2.png) [@bramgrooten](https://community.thunkable.com/u/bramgrooten)\
**Post date:** [March 26, 2020, 11:39am UTC](https://community.thunkable.com/t/text-align-center-border-radii-not-working/536563/3 "2020-03-26T11:39:12Z")

</div>

Hi @kartik14, thanks for the help!  
When I click your link this is what I see:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/d/cd86c4dae0366481655104bdb60f8164552b8970.png)

It seems BorderRadii settings per corner (in advanced tab) do nothing for a Button. Like they’re overruled by the border radius setting in the simple tab.

And yes, after checking again the label is still not centered in web.

---

<div class="post-metadata">

**Author:** ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)\
**Post date:** [March 26, 2020, 11:49am UTC](https://community.thunkable.com/t/text-align-center-border-radii-not-working/536563/4 "2020-03-26T11:49:18Z")

</div>

Hi, @bramgrooten! 👋

I had added an expired link earlier, sorry for that.  
But, I had updated my post immediately with a fresh link - and it’s working… You might have mistakenly clicked the old one. Anyways, here’s the link - [https://thunk.app/web-build/index.html?webAppId=zr-zQXy76](https://thunk.app/web-build/index.html?webAppId=zr-zQXy76)

Thanks! 😊

---

<div class="post-metadata">

**Author:** ![bramgrooten](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bramgrooten/32/33189_2.png) [@bramgrooten](https://community.thunkable.com/u/bramgrooten)\
**Post date:** [March 26, 2020, 12:19pm UTC](https://community.thunkable.com/t/text-align-center-border-radii-not-working/536563/5 "2020-03-26T12:19:04Z")

</div>

Thanks I can see it know!  
Unfortunately that’s not what I would like to see yet. See my comments earlier, on the overruling

---

<div class="post-metadata">

**Author:** ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)\
**Post date:** [March 26, 2020, 2:16pm UTC](https://community.thunkable.com/t/text-align-center-border-radii-not-working/536563/6 "2020-03-26T14:16:01Z")

</div>

> [@bramgrooten](#):
>
> Thanks I can see it know!

👍 👍

* * *

> [@bramgrooten](#):
>
> Unfortunately that’s not what I would like to see yet

If you guide me on what kind of button you want, It would be better for me to understand.

> [@bramgrooten](#):
>
> See my comments on the overruling

Yes but No.  
When you want all the sides / some sides to have different radius than the others, you set a primary no. in the simple tab, and then set precise no.s in the advanced tab (That’s how I do it, I don’t know the **actual** purpose).

Thanks! 😊

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 26, 2020, 4:09pm UTC](https://community.thunkable.com/t/text-align-center-border-radii-not-working/536563/7 "2020-03-26T16:09:48Z")

</div>

[https://thunk.app/w/bbHuW-EAv](https://thunk.app/w/bbHuW-EAv)

see here @bramgrooten I have centered a label with it’s text centerd and altered the button radii to make the button have 2 types of corners for styling

 ![Screen Shot 2020-03-26 at 11.57.34 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/d/2df52dcf4008319a41d1780c4ce81b1fcfdb5870.png)

[that link may not actually take you here anymore. if so, let me know]

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:39am UTC](https://community.thunkable.com/t/text-align-center-border-radii-not-working/536563/8 "2024-11-08T11:39:36Z")

</div>


