Change color of login / register link

[420]

How to target these css selector?

[glennrocksvb]

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.

[420]

Hi Glen,

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

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

[glennrocksvb]

You can also use id not just class.

#lnkLoginSignupMenu {
    color: red;
}

[420]

And again thanks for you help!

Just bought you a coffee, enjoy

[Dotti]

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?

[glennrocksvb]

Did you want to increase the font size of the Login/Register link or the entire text across the site?

[Dotti]

Entire text. Members complaining about the font being too small.

[glennrocksvb]

Changing the font size in the body_font stylevar in the Style Variable Editor will change the font size of most of the text.

[Dotti]

Thanks again Glenn.