Changing color in buttons: Page 2

Changing color in buttons

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.

technova76

I told you before... to have one color only. The dark pink.
And it will not take you anywhere when you click on it, because you will be already in that page.

In the pages of the main "Campaigns" category and inside each campaign... (like the link you send me).

saguaros

technova76

That 'Donate Now!' button actually is a menu item and it's a link so you can't remove the link as it will affect on all other page, you can hide the button only.

technova76

Can you tell me how I will hide it?
I want to try it...

saguaros

technova76

You can go to that menu item settings >> Link Type >> add class 'hidden-lg' the 'Link Class' field: https://prnt.sc/qq4mbx

technova76

Good morning.

This hides the button from the website, not from a specific page...

Also, i noticed that inside a campaign, the Donate button has one color only. It's like I wanted to be in the Campaign category. Can you make it like this in the campaign category, and than correct the switching color inside to all campaigns?

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

In the campaign category... when I scroll my cursor over the title of a campaign, it still has the blue color. How can I change it to the color I want?

saguaros

technova76

To change the hover color, you can use this custom css:

.dt-donate-campaigns-list .dt-donate-mod-campaign-details .dt-donate-mod-campaign-name a:hover, .dt-donate-campaigns-list .dt-donate-mod-campaign-details .dt-donate-mod-campaign-name a:focus, .dt-donate-campaigns-list .dt-donate-mod-campaign-details .dt-donate-mod-campaign-name a:active {
  color: /*your color goes here*/;
}

technova76

I didn't see any difference.
So, I'm thinking to use this button differently, since it looks "active" (the hovering color).
I would like to link the page with the donation form, which I can't find anymore in my template.
Can you link it please, or tell me how to do it?

saguaros

technova76 I would like to link the page with the donation form, which I can't find anymore in my template.

Which link you want to add? I will help you.

technova76

May I have an answer please?

« Previous Page