# Customized details image + circled title

**URL:** <https://community.glideapps.com/t/customized-details-image-circled-title/38050>\
**Category:** Ask for Help\
**Created:** [February 3, 2022, 4:27am UTC](https://community.glideapps.com/t/customized-details-image-circled-title/38050 "2022-02-03T04:27:41Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nigel\_Mendoza](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nigel_mendoza/32/8644_2.png) [@Nigel\_Mendoza](https://community.glideapps.com/u/Nigel_Mendoza)\
**Post date:** [February 3, 2022, 4:27am UTC](https://community.glideapps.com/t/customized-details-image-circled-title/38050/1 "2022-02-03T04:27:41Z")

</div>

Hi can anyone help me with getting the Title image square and a bit larger

```auto
<a style="
    position: absolute;
    width:100%;
    right: 0%;
    z-index:-1;
    margin-top: -30px !important;
    opacity: 1;" target="_blank">

<div style="
    background-color: #fff;
    padding-bottom: 6%;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    background-origin: content-box;
">
</div>
 </a>

<pre><span><style>

.scroller{
    z-index: -1;
}

[data-test="app-markdown-view"] {
    padding: 0px 0px !important;
    height: 0px !important;
}

[data-test="app-summary"] {
    margin-top: -120px;
}

[data-test="app-summary"] >div >div label {
    border: 5px solid #fff !important;
    border-radius: 100% !important;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

```

---

<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:** [February 3, 2022, 2:14pm UTC](https://community.glideapps.com/t/customized-details-image-circled-title/38050/2 "2022-02-03T14:14:37Z")

</div>

So you want the title component in Glide Apps to be square instead of circle, and larger? How big do you want it to be?

---

<div class="post-metadata">

**Author:** ![Nigel\_Mendoza](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nigel_mendoza/32/8644_2.png) [@Nigel\_Mendoza](https://community.glideapps.com/u/Nigel_Mendoza)\
**Post date:** [February 3, 2022, 3:07pm UTC](https://community.glideapps.com/t/customized-details-image-circled-title/38050/3 "2022-02-03T15:07:53Z")

</div>

I’m trying to accomplish something like this the title has to hold a qr code and Large enough that it can be scanned

 ![Screenshot_20220103-123226](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/f/7f0894ce1dd7bfe3133d44d2eb4dd684d7855fe4.png)

---

<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:** [February 3, 2022, 11:55pm UTC](https://community.glideapps.com/t/customized-details-image-circled-title/38050/4 "2022-02-03T23:55:37Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/b/ab8b225bf53f4b33abefa21f1070f80567c38d6d.jpeg)

Shouldn’t an image component be enough for your use case? Or do you want it to be smaller?

---

<div class="post-metadata">

**Author:** ![Nigel\_Mendoza](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nigel_mendoza/32/8644_2.png) [@Nigel\_Mendoza](https://community.glideapps.com/u/Nigel_Mendoza)\
**Post date:** [February 4, 2022, 1:13am UTC](https://community.glideapps.com/t/customized-details-image-circled-title/38050/5 "2022-02-04T01:13:59Z")

</div>

thank but i found a work around

---

<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:** [February 4, 2022, 4:22am UTC](https://community.glideapps.com/t/customized-details-image-circled-title/38050/6 "2022-02-04T04:22:33Z")

</div>

Can you share your workaround here so other people can follow it later on when they search for this thread? Thank you.

---

<div class="post-metadata">

**Author:** ![Nigel\_Mendoza](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nigel_mendoza/32/8644_2.png) [@Nigel\_Mendoza](https://community.glideapps.com/u/Nigel_Mendoza)\
**Post date:** [February 7, 2022, 4:01pm UTC](https://community.glideapps.com/t/customized-details-image-circled-title/38050/7 "2022-02-07T16:01:03Z")

</div>

Sure I will as soon as Finish the full work-around