How do I alter built-in hover animation in X?

In X there’s a built-in hover animation in all images – a red dot.
As I have built a Red Cross platform I would like to alter that dot into a cross.
How can I do just that?

Hello @DialogDesigneren,

Thanks for writing in!

Do you want to display something like this?

By default, the styling is using the chain icon which is the font awesome chain icon from here:

In the default theme styling, it uses this code:

.entry-thumb:before {
    content: "\f0c1";
}

I also see that you have inserted this CSS code:

.entry-thumb:before {
    background-color: none;
    content: "";
}

In order to display the “+” icon, you just have to update your code and use the value of the plus icon which is f067 .

Be aware that you will be the one to maintain any CSS code that you insert to your site as it is deemed as custom modifications already which is beyond the scope of our support.

Hope this makes sense to you. Kindly let us know how it goes.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.