Show collapse minimize button and without square brackets
-
Hi, I am not able to see the collapse button after references without actually adding custom CSS. And I did use custom CSS to show it and change its size to something small but I don’t know how to delete the square brackets showing up before and after it.
I did try to use javascript for that but as I am a beginner in javascript, I didn’t know better ways to do it and ended up only hiding them on a single post.
I want to hide the square brackets and show the toggle.
-
A much more convenient solution has come up: Just add the following to your Custom?CSS:
.footnote_reference_container_collapse_button { color: #3D2F0000; } span.footnote_reference_container_collapse_button a { color: #3D2F00FF; } span.footnote_reference_container_collapse_button:hover a { color: #3D2F0088; }This has been tested offline on another user’s website’s page (by lack of being able to visit the website that you are having the issue with), so you will need to adapt the color to your theme. Because to do it with CSS, we must use the alpha channel since child elements cannot override their parent’s opacity, hence the need to specify the full color code. In hex, the alpha is given by the last digit(s). In RGBA it is the fourth value:
rgba(0, 0, 0, 1).As that solves the issue, I’ll mark this topic as resolved. And sorry for not adding the settings about removing the square brackets and about choosing the button symbols while I was on it.
- The topic ‘Show collapse minimize button and without square brackets’ is closed to new replies.
