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!
    Buy me a coffeePayPal QR Code
    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!
        Buy me a coffeePayPal QR Code
        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!
            Buy me a coffeePayPal QR Code
            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!
                Buy me a coffeePayPal QR Code
                Fast VPS Host for vBulletin:
                A2 Hosting & IONOS

                Comment


                  #10
                  Thanks again Glenn.
                  Dotti

                  Comment

                  Users Viewing This Page

                  Collapse

                  There is 1 user viewing this forum topic.

                  • Guest Guest

                  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 "|||"