Announcement

Collapse
No announcement yet.

CSS to hide subscribe and ignore

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    CSS to hide subscribe and ignore

    Hi Glenn

    I just wondered if you had CSS to hide the subscribe and ignore buttons in the user Namecard.?

    They are causing us problems with accidental clicks and as not many use them it would be good to hide them.

    thanks in advance

    #2
    Will post for the CSS code for that soon.
    Buy me a coffeePayPal QR Code
    My Amazon Affiliate Link
    Fast vBulletin VPS Host:
    This site is hosted by IONOS

    Comment


      #3
      Here you go...

      User Name Card feature was introduced in vB 5.6.6. But most people don't like (for good reason) having the Ignore button in it. If you want to get rid of the Ignore button, simply add this custom CSS code in css_additional tempate: .b-namecard--buttons .js-ignore-user { display: none; } If you want to hide all the
      Buy me a coffeePayPal QR Code
      My Amazon Affiliate Link
      Fast vBulletin VPS Host:
      This site is hosted by IONOS

      Comment


        #4
        Thanks Glenn.

        If I changed the .js-ignore-user part to .js-subscribe-user

        would that also hide the subscription button?

        really appreciate your help, will drop a donation over later

        Comment


        • Mitch
          commented
          Editing a comment
          I tried that and it did not work, but my code was this.. Not what was posted by Glenn
          Which one should I use??

          .b-namecard .js-ignore-user.b-button {display: none;}

        #5
        Originally posted by Mrs.T View Post
        If I changed the .js-ignore-user part to .js-subscribe-user

        would that also hide the subscription button?
        Change it to .subscribe-btn to hide the Subscribe, Subscribed and Pending buttons.
        Buy me a coffeePayPal QR Code
        My Amazon Affiliate Link
        Fast vBulletin VPS Host:
        This site is hosted by IONOS

        Comment


          #6
          Or since you want to hide all the buttons, then replace the entire CSS code with this:

          Code:
          .b-namecard--buttons {
              display: none;
          }
          Buy me a coffeePayPal QR Code
          My Amazon Affiliate Link
          Fast vBulletin VPS Host:
          This site is hosted by IONOS

          Comment


          • glennrocksvb
            commented
            Editing a comment
            I also added this code in the other post.

          #7
          Thanks Glenn for the updated code

          Comment


            #8
            Thank you so much Glenn

            Comment


              #9
              Just installed and it works a great, thanks again.

              Donation sent.

              Comment

              Latest Posts

              Collapse

              Working...
              X
              Searching...Please wait.
              An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

              Please push the back button and reload the previous window.'
              An unexpected error was returned: 'Your submission could not be processed because the token has expired.

              Please push the back button and reload the previous window.'
              An internal error has occurred and the module cannot be displayed.
              There are no results that meet this criteria.
              Search Result for "|||"