Hi,
This worked for me…
.footnotes { font-size: 14px; }
Thank you David, but unfortunately it doesn’t work for me… 🙁
Unfortunately, it’s impossible to advise on different site setups – as I say, this works for me (I’m using Twenty Twenty) but other variations are going to be different.
How are you applying the CSS? I’m using the custom CSS option in Customizer.
I’ve added the code to the CSS tab in my theme. That works well as I have many other CSS codes active there.
At the bottom of this page I’ve made an example
https://www.yory.nl/juridische-hulp-rechtspraak-stamboom-onderzoek
I’ve added the CSS code as well. I’m sure I’m doing something wrong, but what?
If you look at the source of that page, I assume your code is the one at line 95?
However, if you look at line 152, you’ll see this is being overridden – basically, your CSS is coming before the official CSS is, so is being lost. You’ll need to look at lowering the priority of your CSS script so that it appears later.
I’ve added the important code, so now it is
.footnotes { font-size: 14px; !important;}
I’ve also changed the priority of the plugin in 2. That shows the list higher, which is better anyway. But the font style is still very small.
What more can I do? (I’m glad you’re helping me!)
Hmm. I’m not seeing the CSS having moved anywhere. Do you have the custom CSS tab in your Customizer screen? If so, add the CSS to that, as I suspect that has a better chance of working.
OK, I’ve added it to the Customizer. But when I refresh/clean my page, the font is still too small…
Thank you, it’s working now!
-
This reply was modified 6 years, 4 months ago by
yolandal.
Ah, that’s brilliant news – thanks for letting me know.
