SVG image/Icon in heading text

Ask for Help
1

Is there a way to insert an icon as a part of title/heading? I am trying to avoid inserting emoji.

Thanks for your help!

1 Like
2

I know @Deena has done this for sure. Possibly @Lucas_Pires as well.

3 Likes
3

Thanks @Jeff_Hager. Will wait for their response.

3 Likes
4

Check the last item in the doc:

You have to place your url in the place of INSERT URL

I had some help with this so if it doesn’t work we have to wait for @Lucas_Pires who gave it to me. lol

5 Likes
5

Thanks @Deena and @Lucas_Pires

2 Likes
6

Is CSS supported officially?

2 Likes
7

No, Glide has repeatedly said it is not.

3 Likes
8

Ok. Good to know.

2 Likes
9

:grimacing:

3 Likes
10

@Lucas_Pires and @Deena!

Thank you!

3 Likes
11

I nominate @Lucas_Pires to join the already incredibly talented Glide Design team so we can have legit mind-blowing design without violating the rules. lol

1 Like
12

Anything less is unacceptable.

I know @david is trying hard to get some incredible talent.

3 Likes
13

Oh, this would be an honor :relaxed:

Thank you guys! Appreciate the trust and compliments. I just try to do what I think could be an amazing experience for me as user

3 Likes
14

Just took a look at the document. Incredibly helpful but… The generate image component doesn’t work in the template column. All it says is ‘glide:mesh’ instead of the actual image. Is this a bug or is this how things are going to be forever :sob:

15

This is its intended behaviour.

1 Like
16

Is there away to get the URL image from the sheet ID? I wonder how you guys know the ID, of each element? i know a bit css. but i dont understand how you guys get it?

17

Not sure what you’re asking there?
In Deena’s example:

(background-image: url("INSERT URL");

You need to replace INSERT URL with the URL of the image you want to use.

You need to use browser dev inspection tools.
In Chrome, for example, you can open your app in a browser tab, then Right Click → Inspect.

1 Like
18

Thank you Yes i wanted to get the class and ID. I am finally understanding how you guys are doing it :slight_smile: also Is there a way to add another

In front of some image? and at the end? like this

 <div class="My Class i want to add>`
          <div class="sc-uxeQQ ehSxPD"></div>
          <div class="sc-uxeQQ ehSxPD"></div>
 </div>

I need some kinda workaround to play with.

Is there anywhere where i can find it on the forms i am sure it was asked before.

This is what i am working on. I thought i might share.

<div class="ImgAfter"><pre><span><style>
* {
  box-sizing: border-box;
}
.ImgAfter::after{
  content: "";
  clear: both;
  display: table;
}
[data-test="app-image-carousel"]{
   float: left;
  width: 20.33%;
  padding: 20.33%;
}
@media screen and (max-width: 10px) {
  .column {
    width: 200%;
  }
}
</style></span></pre>
</div>