One Page Text Link – HTML example

[foulmouthedleon]

#500721

Want to do this, but the documentation provided doesn’t seem to help me. In the “Click here to see a working example of the One Page Text Link” on Theme Fusion – the link goes to a Modal popup instead:
https://theme-fusion.com/documentation/fusion-builder/elements/fusion-builder-elements-list/#fbel-txtlink

Can someone provide me with a simple (yet functional) HTML or shortcode example so I can just copy and paste as I’m having no luck with the Fusion Elements generator.

Let’s assume that the link I want to go to is thebottom.

In normal HTML it’d be:
Go to the bottom

xxx

Can someone convert that to “Fusion code” for me with any/all associated classes?

[foulmouthedleon]

#501056

No dice, eh? Well I suppose it was worth a try.

[Michael C]

#501061

There are two parts to the overall effect. You need the link to click and then you have the destination which needs an ID which matches the link.

For the link it would be (notice the hash symbol for ID):
[fusion_one_page_text_link link="#footer"]Go to the bottom[/fusion_one_page_text_link]

Or you can use regular HTML but add the class – fusion-one-page-text-link
<a class="fusion-one-page-text-link" href="#footer">Go to the bottom</a>

Note, in the above examples I use footer ID which already exists. For custom destinations you either need to add an ID or add a menu anchor element with a name set.

[foulmouthedleon]

#501573

Took some tweaking, but I did get it to work. Thank you!

[brunob28]

#805675

Test

[Author]

Posts