Hi
You recently gave the following code to another user to disable the more text from a circle icon.
/* Hide Circle Icon More Link */
.widget_circleicon-widget .circle-icon-box a.more-button { display: none; }
You then mentioned to selectively disable the text you need to prefix the above selector with the class or ID name of the container it’s housed in.
I have got lost at this point. Can you tell me where I find the class or ID name and where it should be inserted into the above code.
Thanks
Hi Penelope
It is easier to get a custom solution for you.
Please send a direct link to the page in question so that I get you a tested solution.
If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
Looking forward to hear from you
This is a private message.
Hi Penelope
You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
.widget_circleicon-widget .circle-icon-box a.more-button { display:none!important; }Try that out and let me know the outcome
Cheers
Hi Addo
You code works. However I only want it to work on the page I sent you. I would still like the more info to show on other pages. I tried putting the code in the attributes box for each individual circle icon but the whole icon disappeared.
Is there someway of applying the code to selected icons only?
Hi Penelope
Remove the code given and try this :-)
.page-id-890 .widget_circleicon-widget .circle-icon-box a.more-button { display:none!important; }Let me know the outcome
Cheers
Hi Addo
The code worked.
Thank you for all you help – much appreciated.
Penelope
Hi Penelope
Glad to hear that did the trick.
All the best.