Fade Effect / Smooth Transitions Links via "Custom HTML“

[stdhd]

Hi there,

just tried to add links via „Custom HTML“ (a fixed position of a link). Is there a solution to add this fade effect / smooth transition? Any hint if I could add the links to the frontend, index oder header file for a smooth transition?

Here my code:

<a href="https://domain.tld/page/" data-type="page" data-id="122" data-title="Homepage">Link to Page</a>

Thank you!

[mariusjopen]

Hi @stdhd
I just tested it and it works:

<a class="test" href="http://localhost:8888/fullscreen-slider/" data-type="page" data-id="94" data-title="XXX">Link to Page</a>

data-title is not imprtant
give it a class to move it around. Make sure that the link is not BEHIND anything
make the right href.
And the right data-id

And update Laytheme.

Best!

Marius

[stdhd]

Great, thank you! Yes, everything is right (HREF, data-id ...). I've send you a chat message with the development link.

[mariusjopen]

This is strange indeed. You are right. The code seems to be ok.

I will check with Armin about that!

[arminunruh]

Hey I need the link to actually check it out xD

[arminunruh]

Can you post the link or send it to info@laytheme.com with a link to this topic please?

One reason could be that a shortcode is in use on the page that you link to.
To make shortcodes work, the whole website needs to refresh, so you won't have a smooth transition.