Learn how to update text links within your site.
Text Links
Tips
- Library Pages are Client Side Learn More
- Hiding or Removing Components Learn More
- Repositioning Components Learn More
- Page specific components Learn More
Instructions
Update the text links
In this tutorial, we’ll demonstrate how to update the text links in the header of the page. This tutorial is basically requires knowing only 2 of the skillsets listed in our ‘Tips’ section.
Using the Hyperlink Properties panel to update the text name and link itself.
Updating the fontawesome icon to match your new link name.
The ‘textlinks’ component uses regular text links, with the addition of the ‘font awesome’ icons. Click here to learn how to update the fontawesome icons.
Video Demonstration ( skip the reading, just watch and learn! )
Change a link / button name
- Expand the Library >> shared folder, then open the ‘textlinks’ Library page
- Select the link with your mouse
- Right click, select Hyperlink Properties
- type in a new name into the [ Text to display: ] field
- Scroll through your pages and select a new page to link to
To add a link
It’s best to do this through ‘Code’ view, that way you can copy the <icon> tag as well.
- Switch to code view
- Select an existing line ( 2nd or 3rd as they have the margin-left-20 included )
- Ctrl+C to copy ( or right click, select Copy )
- place your cursor where you can to paste the new link
- and paste (Ctrl+V)
- update the “icon-name” while still in code view
- Switch to Design view
- Right click on the copied text, select Hyperlink Properties
- update the [ Text to display: ]
- Scroll through the pages, and link to a new page
Update the text links
In this tutorial, we’ll demonstrate how to update the text links in the header of the page. This tutorial is basically requires knowing only 2 of the skillsets listed in our ‘Tips’ section.
Using the Hyperlink Properties panel to update the text name and link itself.
Updating the fontawesome icon to match your new link name.
The ‘textlinks’ component uses regular text links, with the addition of the ‘font awesome’ icons. Click here to learn how to update the fontawesome icons.
Video Demonstration ( skip the reading, just watch and learn! )
Change a link / button name
- Expand the Library >> shared folder, then open the ‘textlinks’ Library page.
- Select the link with your mouse.
- Type in a new name.
- To link the text, just keep it selected in the page.
- Go to the Properties Panel ( Ctrl+F3 ).
- Click the ‘Point to File’ to, and drag onto a new page in the ‘Local Files’ panel.
To add a link
It’s best to do this through ‘Code’ view, that way you can copy the <icon> tag as well.
- Switch to code view.
- Select an existing line ( 2nd or 3rd as they have the margin-left-20 included )
- Ctrl+C to copy ( or right click, select Copy )
- Place your cursor where you can to paste the new link.
- And paste (Ctrl+V).
- Update the “icon-name” while still in code view
- Switch to Design view.
- Select the copied text
- Type a new name.
- And with the new text still selected, click the ‘Point to File’ tool on the Properties Panel ( Ctrl+F3 ).
- And drag the Point to File tool and drop it onto the page you want to link to, located in the Local Files panel.
