technova76

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

    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?

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

      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.

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

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

            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?

              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?

                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.

                                  You need to Login to view replies.