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...

    technova76

    Try to use this custom css:

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

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

      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

      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.

        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.

        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).

          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).

            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.

            4 days later

            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?

              7 days later

              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*/;
              }

              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?

                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.

                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...

                  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

                  You need to Login to view replies.