CSS to edit “Login” to “Sign In”

[Jakub100754]

Hello,

I am attempting to change the word "Login" through CSS in the top bar when clicking "Sign In." The solution I have been working with is making "Login" font-size: 0px and then adding text with :before. This is the code I have so far:

.modal-title{ font-size: 0px !important;}

.modal-title:before{content:"Sign Up"; font-family: "Open Sans", Arial, Times !important; font-weight: 300 !important; font-size: 30px; padding-left: 7.5%;}

I am having a difficult time editing the specific ID for "Login." I have not been able to reference the specific ID, and this code is the only way I was able to change the word. Unfortunately, because I cannot reference the specific ID, changing .modal-title changes other headers that I do not want to change. Is there a way I can reference the specific ID? I have attached an image with the area "Login" is located, the class, and the ID.

Thank you in advance!
Jakub

Attachments:

You must be logged in to view attached files.

Add New Note to this Reply

[dangdv]

Dear, don't need ID, you can use modal class, example

.memberModalLogin .modal-title:before{content:"Sign Up"; font-family: "Open Sans", Arial, Times !important; font-weight: 300 !important; font-size: 30px; padding-left: 7.5%;}

Best regards.

Add New Note to this Reply

[Jakub100754]

Thank you. This works!

Add New Note to this Reply

[Author]

Posts