Remove Reference Container borders

@wanjuki

Thanks for reaching out. The row borders can be disabled in the plugin’s dashboard’s Reference container metabox > Row borders. In the current version, this settings page’s link is at the bottom of the Settings submenu of WordPress admin.

All table borders were removed from the reference container last October when versions 2.0.0 and 2.0.1 were released, as having borders all over the reference container was highly disliked, but row borders may be preferred and have been added on request as an option since v2.2.10 released on last Christmas day.

This option however defaults to No, so probably another admin has enabled row borders on your website this year. Also, an option to choose the border style has not been added yet, while dotted row borders are often preferred over solid ones, and just horizontal borders, not the vertical part. Sorry for having missed out on adding these options.

In case you might be interested: The border below the reference container heading can be removed too, by a setting above that defaults to Yes since the design with a head border is generally preferred.

Thank you for your feedback.

thanks for your quick reply. I have selected No for the borders option in the reference container but the borders still show up. Very frustrating. Is there a custom CSS i can inject in the theme editor? I suspect that’s where the issue is?

The following CSS is already in the plugin’s stylesheet but seems ineffective despite the !important property, so perhaps you need to replicate it as internal CSS:

.footnotes_table,
.footnote-reference-container {
	border: none !important;
}

.footnote_plugin_index,
.footnote_plugin_index_combi,
.footnote_plugin_symbol,
.footnote_plugin_text {
	border: none !important;
}

Did you inspect a page of your website? Feel free to share a URL so we can try at our end.

thanks….i am not a tech but have tried fumbling around without luck.

here is the URL. Please have a look.

https://apologetics.africa/the-cosmological-argument/

Thank you for sharing. The theme gives table rows a bottom border. To disable it in the reference container please add just this rule:

.footnotes_plugin_reference_row {
	border: none;
}

You may remove the other rules added so far, apologies for suggesting them.

This one works, just tested it locally in a saved copy. Else we’d use border-bottom instead, as found in the inspector.

Best regards.

@wanjuki,

Sorry for getting back, I’ve just checked the shared page thoroughly and noticed an outage on the first line of the second-last paragraph, as a pair of unprocessed double parentheses are left around an ((ibid)) footnote text. This is one problem.

On your website the Footnotes plugin runs in AMP mode, but I can’t get the page served as AMP. That is due to an error on my part when I misconceived how AMP works, and missed out on adding the check, while adding this inappropriate checkbox in the settings. I apologize for this mistake.

On your website little harm is done because the reference container is expanded by default. Its inability to collapse on clicking the heading label just doesn’t match the mouse cursor’s pointer shape when hovering that area.

You may fix it without enabling jQuery, just by disabling AMP and enabling the “plain JavaScript” script mode in the Reference container settings box.

Sorry again.

Hi There…..perfect! Works like magic. Thanks a lot. I could not recommend this plug in enough! Good suggestion on AMP – i have disabled it and looks better now.

Many thanks again:)