Icon link styling, how to get rid of it?

Hey guys,

This is related to the following thread:

There’s a bit of generated CSS that always conflict with other buttons and links on posts for the Icon stack. This bit can be found in this file:

/x/framework/functions/frontend/generated-css/icon.php

On line 183 and 187:

.format-standard .entry-content a:not(.x-btn):not(.x-img-thumbnail) {
border-bottom: 1px dotted;}

This affects floating social links. The only way to properly do this kind of styling would be to use the following code:

.format-standard .entry-content a:not([class]) { border-bottom: 1px dotted; }
.format-standard .entry-content a:hover:not([class]) { opacity: 0.65;filter: alpha(opacity=65); }

This will ensure only naked links are styled. Currently, only two classes are excluded but this does not cover the entirety of scenarios where a link would have a different class and still would need to be ignored.

I’d appreciate if you can consider to do this small change on future releases for the Icon stack so that it doesn’t get overwritten everytime I go back into the Theme Options CSS.

Thank you!

Hi @thisisbbc,

Thank you for the detailed discussion. I have added a request for the adjustment. Though this is a default style for icon and it will still be discuss. We cannot promise if this will be adjusted. The request is there, not sure though if it will be honored by the developer. Thank you for understanding.

Hello Lely,

Thanks for the consideration.

Hope it’ll make it through into core :wink:

All best,
B

You are most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.