Changing color in buttons

technova76

1) I would like to change the blue color of the button at the "Login" page, and the color of the "Submit" button when you click at "Forgot your password?" or "Forgot your username?".
2) The same change in the color I would like to make at the "Become a Volunteer" and "Donate Now", at the "About Donante." It's at the buttom of the main page.
Also at the link in "Contact Us" page.
3) At the "Search" page, I could like to change the color in the icon at the search bar, when it becomes blue.
The Smart search button is not working.
4) In the offline page, I would like to change the color of the button and the image.
5) Can you tell me how I will change the color of the 'Donate Now!' button? The main color and the hover color. Also, these changes in the internal page...

Give me instructions of how I will change all the above!

saguaros

technova76
1 - Login / Submit buttons

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #2c6186;
  border-color: #295c7f;
}

2 - "Donate Now" button

.nav > li > a.button-highlight:hover,
.nav > li > a.button-highlight:focus,
.nav > li > a.button-highlight:active {
    background: #ffd638;
}

technova76

These are in the template.css?

saguaros

technova76

You should put custom css into the file: /templates/ja_donate (your default template)/css/custom.css

technova76

Thank you. Everything is good.

But, I notice that in the category Pages/J! Pages, when I click in any of the four categories, it loads the Login page.

Also, the registration selection, shouldn't be in the same login page?

saguaros

Hi technova76

These are profile / login / edit profile, of course, it will redirect to login page.

Do you have any redirect URL issue? as when I assign that registration page to use default Joomla template, it keep redirecting to login page. So I don't think it's issue from template.

technova76

I made a switch in color at the buttons, but I don't see the results.
Maybe because we've change the color through another css file? Probably when I was changing the main site colors...

technova76

Before I could see the pages I was choosing... Now I can't.
I mean, when I was clicking on User profile, I used to see the page of the User profile, and not the Login page.

How the people will register if they don't see the Registration choice?

What about the button color? I switched the colors but I don't see it in the template.
To help you understand, I want the Donate Now button to be like this: https://piggybankaction.org/action/index.php/donate-now.html

Is it possible to hide the Donate Now button when I'm in the "Campaigns" page? It's not necessary to have a donate button inside the page of Donations, because the user is already there ...

saguaros

technova76 How the people will register if they don't see the Registration choice?

Not sure how you setup or any rule on your server side as I already mentioned above, even if you assign template to a standard template of Joomla like Protostar, it keeps redirect to login page. It's not issue of template

#107929 What about the button color? I switched the colors but I don't see it in the template.

May I know which button are you referring to?

#107929 To help you understand, I want the Donate Now button to be like this: https://piggybankaction.org/action/index.php/donate-now.html

I add a class 'nodonatebtn' to that donate-now page and use this css to hide the button on top right for that page specific:

.nodonatebtn .headright .navbar-action {
    display: none;
}

technova76

Can you tell me where I will add the css nodonatebtn? In the custom.css?

About the buttom color, I'm referring foe the "Donate Now" button. I want the colors to be like is when you are inside the Campaigns page: https://piggybankaction.org/action/index.php/donate-now.html

About the registration... I'm not sure if you understand my question.
If someone wants to register in the website, where he will click to create an account?

saguaros

technova76 Can you tell me where I will add the css nodonatebtn? In the custom.css?

I added for you already.

#108129 About the buttom color, I'm referring foe the "Donate Now" button. I want the colors to be like is when you are inside the Campaigns page: https://piggybankaction.org/action/index.php/donate-now.html

I don't understand here, where you want this button looks the same on Campaigns page?

technova76

The bright pink will be the standard and when the cursor goes over the button will have the darker pink.
This is the bright pink color: #f38b9d

As for the css, I still see the button in the Campaigns page. Check it please after you fix the button in the main page...

saguaros

technova76

Try to use this custom css:

.nav > li > a.button-highlight {
  background: #f38b9d !important;
}

technova76

The color changed, but it doesn't change when i move the cursor over the button...

saguaros

technova76

There is also style applied for this rule so you need to add !important for hover property like below:

.nav > li > a.button-highlight:hover,
.nav > li > a.button-highlight:focus,
.nav > li > a.button-highlight:active {
    background: #f05271 !important;
}

I updated for you in 'custom.css' file - Line 33

technova76

Thank you very much.

As for the button in the "Campaigns" page... if we hide it, will this place be empty, or the menu will move on the right?
I think it will be better if we keep the button, but don't make it active. I mean, to have this color #f05271 and not be clickable.

*I use this color to indicate the selected page. As it is in the main menu.

saguaros

Hi technova76

It will hide the button only, if you want the menu move to the right, you need to remove it completely but it will be removed on other pages also.

technova76

In the "Campaigns" page (only), make it to be stable.
I mean, to have only the dark red color... (because it will not be clickable).

saguaros

technova76

What you mean by making it stable?

https://piggybankaction.org/action/index.php/donate-now.html?task=campaigns.view&id=2

On this campaign page, the 'Donate Now!' button is showing like other pages now.