XF 2.2 thread titles style and emojis

[Pardal]

I come back with another question about styles in the thread and emojis.

In my last post I asked how to do so that the prefix of a thread is not absorbed by the style.

We fix it with the following code:

.structItem-title a:not(.labelLink) {

I didn't realize it but the emojis were picking up the gradient colors of my style like in this example:

Can we include some code to reserve its colors as with the prefixes?

It's a lot of fun to play with the color styles in xenforo, sometimes frustrating, but always grateful to keep learning, thanks!

 

[Paul B]

We would need a URL to see what the markup is.

Based on the screenshot the emojis are part of the forum title and there's some sort of colour shift being applied from left to right.

 

[Pardal]

It's true, I use a gradient style of colors from left to right.

An example link:

Guild The Elder Scrolls Online

Bienvenid@ al Guild Stadiano de TESO

stadianos.com

 

[Paul B]

How have you added the emojis?

They don't appear to be in the node titles as the URL is just the text.

 

[Pardal]

Sorry but I don't know if I'm understanding myself. what I have indicated above is a node. the icons from android mobile.



In this case I attach several examples of thread, if you go down a little you will see them.

OFF TOPIC

Lugar donde habitan temas sin relación con los videojuegos... no?

stadianos.com

 

[Paul B]

Hmm, that's interesting.

The emoji string should form part of the URL if it is added as the title, but in your case it isn't.



This is from my localhost installation:






The same applies to threads:





I'm not sure why that is - it must be due to a customisation but not one I've seen before.

 

[Paul B]

It's related to this:


Disable that and ...


You'll have to look at your custom styling to resolve that.

 

[Pardal]

Deleting the code you point to, I lose the gradient of the text, the emoji looks good but I can't get the purpose of keeping both, I'm going to continue investigating

 

[Pardal]

I include an interesting reading about it

Excluding Emojis From Transparent Text Clipping | CSS-Tricks

CSS-Tricks has this pretty cool way of styling hovered links. By default, the text is a fairly common blue. But hover of the links, and they're filled with a

css-tricks.com