Box around c references container

Hi @ragonesi,

Did you try adding this code to your custom CSS or child theme’s style.css:

.footnote_plugin_index,
.footnote_plugin_link,
.footnote_plugin_text {
  border: none;
}

I’ve tested this right now and it works, and I’ve added it to the bug fixes.

The classes must be selected. Generically disabling table cell borders does not fix this issue.

Sorry for not trying to join the footnotes plugin project sooner.

Cheers,
@pewgeuges

• This reply was modified 4 years, 5 months ago by pewgeuges.
• This reply was modified 4 years, 5 months ago by pewgeuges.

Dear Sir,
whatever modification you make to your plugin, by means of custom CSS, works beautifully, except one: the borders around reference container.
No way to remove it, regardless of the system I use. Flushing cache both server side and site side, grouping the options in one single line, separating it, using Gutemberg, using classic editor. Changing theme.
The only theme which give results is Twentysixteen. Anything else fails.

Regards
Orazio Ragonesi

Hi @ragonesi,

I feel very concerned about the trouble you are experiencing, and can confirm how tricky CSS may be. Sometimes it takes concatenating many selectors or it will be overridden by other rules.

The best way to learn by whose is to use the browser’s inspector, in the developer tools. The method is to point one bordered table cell, to look up the content of the tooltip, and to click and check under “styles” what rules are overridden and which ones are not.

Flushing caches may not be required for new rules to take effect. Those added in the embedded custom CSS through the WP GUI are parsed by the browser whenever the page is loaded. Those added in style sheets may take effect after a hard reload by Ctrl?+?F5.

The code layout doesn’t matter, to that extent that minified CSS has everything in one single line. The editors neither, beside that the reference container is not prone to being edited therein.

Now what I’d suggest is that you share any of the following:
– The code you added;
– The URL of one of the pages you need help with;
– Screenshots of any relevant section of the style inspector.

I’m sorry not to be able to post a ready-to-use solution.

Kind regards,
@pewgeuges

hi,
the following seems to work:

table, th, td {
border: none;
}

Regards
Orazio

Hi,
I’m glad that you’ve got a working solution.

You’ll note however that when added to the embedded custom CSS, where it has high priority, this code disables all tables’ borders.

That is why WordPress adds many classes so we can make more fine-grained selections.

Best regards,
@pewgeuges