Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #577415

    Hi,

    I saw this has already been posted, but the answer was in the form of a screen shot that is no longer accessible. I may be asking a newbie question, but how do I turn a special heading into a link. I would like visitors to be able to click on the heading text and it take them to the page with more info related to that heading.

    Thanks

    #577466

    Hey reafsnyder!

    View your page and then right click and hit “View Source” and then sift through the code until you see the special heading tag which would look something like this.

    <div class="av-special-heading av-special-heading-h3    avia-builder-el-0  el_before_av_section  avia-builder-el-no-sibling  " style="padding-bottom:10px;"><h3 itemprop="headline" class="av-special-heading-tag">Hello</h3><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div>
    

    You can surround that with a link in a codeblock element like so.

    <a href = "http://www.google.com">
    <div class="av-special-heading av-special-heading-h3    avia-builder-el-0  el_before_av_section  avia-builder-el-no-sibling  " style="padding-bottom:10px;"><h3 itemprop="headline" class="av-special-heading-tag">Hello</h3><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div>
    </a>
    

    Best regards,
    Elliott

    #579324

    Thanks.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to turn Special Headings into a link to another page’ is closed to new replies.