This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Circle Icons – disable ‘more’ text

Resolved 7 replies premiumthemetheme-vantage
Penelope
10 years ago · Last reply by Andrew Misplon 10 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Daniel Staff 10 years, 11 months ago

    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

  2. Penelope Private 10 years, 11 months ago

    This is a private message.

  3. Daniel Staff 10 years, 11 months ago

    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

  4. Penelope 10 years, 11 months ago

    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?

  5. Daniel Staff 10 years, 11 months ago

    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

  6. Penelope 10 years, 11 months ago

    Hi Addo

    The code worked.

    Thank you for all you help – much appreciated.

    Penelope

  7. Andrew Misplon Staff 10 years, 11 months ago

    Hi Penelope

    Glad to hear that did the trick.

    All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread