• Resolved acka

    (@acka)


    Hi,

    is there a way to underline the referrer in the text and the backlink symbol?

    I already tried

    .footnote_referrer {
        text-decoration: underline;
    }

    for the referrer but this doesn’t work.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor pewgeuges

    (@pewgeuges)

    Hi @acka

    For the referrer, this rule is required because we already tried hard to remove the underline:

    .footnote_referrer > a {
      text-decoration: underline !important;
    }

    But for the backlink I’m failing to re-add the underline or a bottom border.

    After posting this I’ll try adding a custom class for the custom template you are using.

    Plugin Contributor pewgeuges

    (@pewgeuges)

    @acka

    It now works after adding an anchor element around the backlink symbol in the custom template wp-content/plugins/footnotes-custom/templates/public/reference-container-body.html near the bottom:

    <tr class="footnotes_plugin_reference_row">
    	<th
    		scope="row"
    		id="footnote_plugin_reference_[?[post_id]]_[?[container_id]]_note_id"
    		class="footnote_plugin_index pointer"
    		onclick="footnote_moveToAnchor_[?[post_id]]_[?[container_id]]('footnote_plugin_tooltip_[?[post_id]]_[?[container_id]]_[?[note_id]]');"
    		><[?[link-span]]
    			role="button"
    			tabindex="0"
    			class="footnote_plugin_link"
    			[?[hard-link]]
    			>[?[index]][?[terminator]]</[?[link-span]]
    		>[?[anchor-element]]</th
    	>
    	<td
    		class="footnote_plugin_text"
    		>[?[text]] <span 
    			role="button"
    			tabindex="0"
    			class="footnote_plugin_link pointer"
    			onclick="footnote_moveToAnchor_[?[post_id]]_[?[container_id]]('footnote_plugin_tooltip_[?[post_id]]_[?[container_id]]_[?[note_id]]');"
    			><a>[?[arrow]]</a></span
    		></td
    	>
    </tr>

    (This template should not be copy-pasted as-is since the double square brackets are protected; the only addition is the anchor element <a> </a>.)
    Then the full Custom CSS is:

    .footnote_referrer > a {
      text-decoration: underline !important;
    }
    .footnote_plugin_link > a {
      text-decoration: underline;
    }

    Many thanks for raising awareness that underline may be preferred.

    Therefore, underline should be a built-in option available out of the box on the settings page, like the backlink symbol at the end of the note text should be an out-of-the-box option.

    Be sure to keep reaching out with any feedback or further enquiries.

    Thread Starter acka

    (@acka)

    It worked, thank you very much!

    And yes, it would be great if underlining the referrer and backlink symbol (together with moving the backlink symbol at the end of the footnote text) are a built in option of the plugin.

    Plugin Contributor pewgeuges

    (@pewgeuges)

    @acka,

    Thank you for your feedback, no problem!

    Hopefully the next release will come with these features.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Underline referrer and backlink symbol’ is closed to new replies.