# Someone use this css trick ? Not working for me (img profil with edit button)

**URL:** <https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205>\
**Category:** Ask for Help\
**Created:** [October 21, 2022, 3:26pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205 "2022-10-21T15:26:55Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Carter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carter/32/45004_2.png) [@Carter](https://community.glideapps.com/u/Carter)\
**Post date:** [October 21, 2022, 3:26pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/1 "2022-10-21T15:26:55Z")

</div>

Hello, someone know if this trick still working ?

> **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://glidecommunity.notion.site/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2&p=68f54ccf29224ffaa071a45f6c9e318a&pm=c)**
>
> A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

Thank you for comebacks !

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [October 21, 2022, 3:35pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/2 "2022-10-21T15:35:43Z")

</div>

Yes, I just tested it and it works.

---

<div class="post-metadata">

**Author:** ![Carter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carter/32/45004_2.png) [@Carter](https://community.glideapps.com/u/Carter)\
**Post date:** [October 21, 2022, 3:36pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/3 "2022-10-21T15:36:29Z")

</div>

why it’s not working for me ? Maybe a cache problem ?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [October 21, 2022, 3:37pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/4 "2022-10-21T15:37:20Z")

</div>

I don’t know. Did you set it up as per the instructions?

---

<div class="post-metadata">

**Author:** ![Carter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carter/32/45004_2.png) [@Carter](https://community.glideapps.com/u/Carter)\
**Post date:** [October 21, 2022, 3:39pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/5 "2022-10-21T15:39:57Z")

</div>

Yes of course, all is good, but I still see the svg icon.

 ![Capture d’écran 2022-10-21 à 17.38.47](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/5/95c26507c6e678007149e65f4485b174041274aa.jpeg)  
 ![Capture d’écran 2022-10-21 à 17.39.14](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/8/084ea3f0e398977d19e0172490813cdf357fcbca.png)

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [October 21, 2022, 3:45pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/6 "2022-10-21T15:45:23Z")

</div>

- Do you have any other CSS on the same screen?
- Do you have any visibility conditions on your rich text component?

---

<div class="post-metadata">

**Author:** ![Carter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carter/32/45004_2.png) [@Carter](https://community.glideapps.com/u/Carter)\
**Post date:** [October 21, 2022, 3:47pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/7 "2022-10-21T15:47:22Z")

</div>

Yes I have others CSS, BTW if i delete all is still the same problem.

No i dont have condition on my rich component.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [October 21, 2022, 3:48pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/8 "2022-10-21T15:48:58Z")

</div>

I’m not sure, then. I’m no expert when it comes to CSS. All I can say is that it works fine for me.

 ![Screen Shot 2022-10-21 at 11.49.35 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/3/e30f7f5deb6effdc0c7e15b53171fecc25c0a3c7.png)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [October 21, 2022, 4:34pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/9 "2022-10-21T16:34:41Z")

</div>

I’m not sure what the problem is on your side. There is another spill out in my dashboard, maybe you should try to remove the asterisk after data-test to [data-test=“nav-button-Edit”].

---

<div class="post-metadata">

**Author:** ![Carter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carter/32/45004_2.png) [@Carter](https://community.glideapps.com/u/Carter)\
**Post date:** [October 25, 2022, 12:49pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/10 "2022-10-25T12:49:14Z")

</div>

Hello everyone, after a little in-depth research on my part because this problem was quite weird, I found the solution (or not) to my problem.

The fact is that the CSS tag you use is the following “nav-button-edit”, but when the application is translated into French natively by glide the CSS tag (I don’t know why) is also translated, which gives “nav-button-Modifier l’élément”, which is a problem in itself, let’s imagine that we have users who have their browser in English or another language for those who use the CSS tag, then the CSS code does not will not work.

So, I suppose you have to integrate into your glide template all the versions of the languages in your template (at least the main languages spoken in the world).

I don’t know if it’s normal for the Glide to translate CSS tags (I had never seen that before).

If anyone has any ideas, I’m all ears.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 25, 2022, 1:15pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/11 "2022-10-25T13:15:40Z")

</div>

They do translate elements, I’m not sure what it’s for, but native “buttons” (Edit/Done/Submit etc) will work that way.

---

<div class="post-metadata">

**Author:** ![Carter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carter/32/45004_2.png) [@Carter](https://community.glideapps.com/u/Carter)\
**Post date:** [October 25, 2022, 1:27pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/12 "2022-10-25T13:27:18Z")

</div>

Yes, they translate elements, but in that case they also translate the “CSS data-test”. I’m not sure if this is normal, because the css are the same. In a normal case still all time in English version.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [October 25, 2022, 1:41pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/13 "2022-10-25T13:41:42Z")

</div>

I wonder if they actually have different elements for each language, instead of just translating the text inside that element. That would probably explain the different class names if they are different elements all together.

---

<div class="post-metadata">

**Author:** ![Carter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carter/32/45004_2.png) [@Carter](https://community.glideapps.com/u/Carter)\
**Post date:** [October 25, 2022, 1:45pm UTC](https://community.glideapps.com/t/someone-use-this-css-trick-not-working-for-me-img-profil-with-edit-button/52205/14 "2022-10-25T13:45:58Z")

</div>

This is exactly the question I was asking myself, there is no point in translating the class when they just have to translate the text of the element. The only plausible explanation is in the event of a change in reading (for example reading left, right etc.) I do not understand why they translate class.
