Changing color in buttons: Page 2

Changing color in buttons

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?

technova76

That's what I'm waiting for a month now... help.
But its going very slow...

I can't find the link because someone removed some pages from my template...
I want the link for the donation form. You know where it is...

saguaros

technova76

Pls check this topic, you mentioned this form recently, pls look at our demo site here: https://ja-donate.demo.joomlart.com/index.php/en/ and tell me the form you want to link to.

The 'Donate Now!' item on the right side of main menu is a menu item of the menu called 'Head Action', you can access backend of your site and edit menu item type to link to the page you wish.

Regards

technova76

This form... on the right.
https://ja-donate.demo.joomlart.com/index.php/en/donate-now/earthquake-in-indonesia-2

Also, add a registration option in the Login Form.
The page I was telling you before is this: https://ja-donate.demo.joomlart.com/index.php/en/pages/j-pages/registration

saguaros

Hi technova76

For the registration page, you set to not allow registration so that when you access the registration page, it redirects to login page automatically. I just set for you: https://prnt.sc/qxnyhj and you can see that page now: https://piggybankaction.org/action/index.php/pages/j-pages/registration.html

About the form on the right side of a campaign, I do see it now: https://piggybankaction.org/action/index.php/donate-now.html?task=campaigns.view&id=1

« Previous Page