Modify the background colors and the Skip button in the registration form

dark-side

Hello, I request your help to modify the background colors and the text of the Skip button, I want to change the green color of the button to white and keep the Skip text in its white color.

The objective to fulfill is that in the registration form the option Skip is not seen and the user uploads a personal avatar photo.

To perform this task I need to know the path to follow from my Cpanel and if this path is in the templates folder.

I appreciate your help and send you a greeting.

Ninja

Hi@dark-side#126896
All button use same style code
here is code you can override via custom.css

.joms-button__next, .joms-button--secondary, .joms-button--signup, .joms-button--invite, .joms-focus__button--message {
    background: #259b24;
    color: #fff !important;
}

for specific page try this code

. task-registerAvatar ..joms-button__next {
    background: #259b24;
    color: #fff !important;
}

dark-side

Hello pankj, I am contacting you again to request your help. I have reviewed almost all the folders in my hosting and it is impossible for me to locate where that code that you indicate is.

Can you tell me the exact path to follow to locate that folder, or should I create that file from scratch?

I am missing those details to make the modification.

I am looking forward to your response. Thanks and best regards

Ninja

dark-side
Hi
Open this file /templates/socialize/css/custom.css
Add this code at the end of file

. task-registerAvatar .joms-button__next {
    background: #259b24;
    color: #fff !important;
}

If file is not present kindly create this file and add the code. Change color codes as per needs.

dark-side

Ninja Hello pankj, good morning. The code works, you can see it in the screenshot attached to it.

I have created the custom.css file did not exist in my folder.

I only need one detail to manage to hide the button at most.

Can you tell me what code should I insert to remove the button border?

Thank you

Ninja

dark-side
If you want to hide the button you only need this code

.task-registerAvatar .joms-button__next {display:none!important;}