ok – that works for the right + button but the text appears when you hover over and then it disappears. can we make the text stay on the screen without disappearing?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
also, is there a way to have the text fit into the circle?
Replace the code from your content-single.php (Child Theme) with this: http://pastebin.com/dwaNhJh0
Then add this CSS (instead of previous CSS):
.comments-link a { text-indent: -9999em; }
.comments-link a:hover {
min-height: 5em;
width: 6em;
padding-top: 1em;
border-radius: 100%;
text-indent: 0;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
can we make the text stay on the screen without disappearing?
Replace the CSS from my previous post with this:
.comments-link a {
min-height: 5em;
width: 6em;
padding-top: 1em;
border-radius: 100%;
text-indent: 0;
}
awesome. almost done!
there’s a small triangle below the Add a comment circle. does that have to be there?
http://theartofmotherhood.com/2013/09/09/hello-world/
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
That once was the tail of the speech bubble and that will need to be re-positioned with some more CSS:
.comments-link .tail {
top: 48%;
left: 40%;
}
looks great – thanks andrew!
