Announcement

Collapse
No announcement yet.

Change color of login / register link

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

    Change color of login / register link

    How to target these css selector?

    #2
    Use the browser dev tools by right clicking the element and choosing Inspect. Then you would see the css class(es) and existing css rules (if any) associated with the element. From there you will know what css selector to use to style it.
    Helpful? Donate. Thanks!
    Fast VPS Host for vBulletin: A2 Hosting & IONOS

    Comment


      #3
      Hi Glen,

      Yes I know, but I could not find the specific class:

      Code:
      <div id="lnkLoginSignupMenu" class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow b-comp-menu-dropdown__trigger--headerbar js-button" tabindex="0">
                                  Login or Register
                              <span class="vb-icon b-icon__arrow-down-s--disabled js-comp-menu-dropdown__trigger-arrow h-align-middle"></span></div>
      .b-comp-menu-dropdown__trigger--headerbar <- This changed the color or the "login and register link", but also form the "Messages" link.
      is it possible to only change the color of the "login and register link"?

      Comment


        #4
        You can also use id not just class.
        Code:
        #lnkLoginSignupMenu {
            color: red;
        }
        Helpful? Donate. Thanks!
        Fast VPS Host for vBulletin: A2 Hosting & IONOS

        Comment


          #5
          And again thanks for you help!
          Buy me a coffee with Paypal
          Just bought you a coffee, enjoy

          Comment


          • glennrocksvb
            glennrocksvb commented
            Editing a comment
            Thanks for the coffee! Added your name to the donors list on homepage.

          #6
          Thanks for the solution Glenn. I used it to change my link and hover color. I still cannot find how to change the font size to bigger (globally, I guess?). Any ideas?
          Dotti

          Comment


            #7
            Did you want to increase the font size of the Login/Register link or the entire text across the site?
            Helpful? Donate. Thanks!
            Fast VPS Host for vBulletin: A2 Hosting & IONOS

            Comment


              #8
              Entire text. Members complaining about the font being too small.
              Dotti

              Comment


                #9
                Changing the font size in the body_font stylevar in the Style Variable Editor will change the font size of most of the text.
                Helpful? Donate. Thanks!
                Fast VPS Host for vBulletin: A2 Hosting & IONOS

                Comment


                  #10
                  Thanks again Glenn.
                  Dotti

                  Comment

                  Working...
                  X