JA Donate: Help for Custom Work

technova76

I'm try to change few simple things in the template.
I followed the instruction of the documentation, and I've changed the colors in a custom style I created, but I see that the green color haven't changed in the other pages, only in main page.
Also, I've copied the pattern folder, named it to my custom color, I've changed the color in 3 images and I upload it again in the same main folder.
How do I declare the new folder to read the changes?
I can't install DT Donate module. I upload it, it shows me the installation proccess, but no message of succcesful installation.

saguaros

Hi technova76

Kindly share the credentials of your site so I can help: URL, Admin + FTP account.

technova76

Good morning

https://www.piggybankaction.org/action/administrator

technova76

Sorry, use this:
https://piggybankaction.org/action/administrator

saguaros

technova76
Hi,

You should edit Fields of your first post and put info there, don't add in your reply as it's in Public. I just moved to the Fields section.

Could you share the FTP account also?

technova76

Thank you.
I updated the fields.

saguaros

technova76

I just installed DT Donate component for you, kindly check.

technova76

Thank you very much.
Where was the problem?

Can you tell me what position I must select to show it like in the demo?

saguaros

technova76

It due to the PHP settings on your server side, it limits to 2M for maxium upload file size only while the size of JA Payment plugin is a bit higher so I uploaded the package and install via folder and it works properly.

Could you clarify the part on our demo site that you want to setup the same?

technova76

The part "Help Us in Serious".

Also, can you tell me in which css file and in which part number of the code is the top bar with the menu and the social icons? I want to try to change the color in this part only. Can you also tell me how I will change the color of text and social icons in the same bar?

And please, give me an answer for the green color I want to change in the internal pages...

saguaros

technova76

Topbar:

The background color is defined in this file: https://piggybankaction.org/action/templates/ja_donate/css/themes/pink/template.css

Line 4999:

.ja-topbar {
  background: #ffd638;
  height: 32px;
  line-height: 32px;
}

For text color, you can see in line 5021:

.ja-topbar .menu > li > a {
  background: transparent;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  color: rgba(255, 255, 255, 0.8);
  padding: 0;
  font-size: 11px;
  padding-left: 16px;
  padding-right: 16px;
}

With the social icons, it belongs to a custom HTML module in 'topbar-right' position, you can go to Backend > Extensions > Modules > filter by 'topbar-right' to find this module. Here is output of this module:

<ul class="social-list">
	<li><a href="/index.php" title="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
	<li><a href="/index.php" title="twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
	<li><a href="/index.php" title="vimeo"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li>
	<li><a href="/index.php" title="rss"><i class="fa fa-rss" aria-hidden="true"></i></a></li>
</ul>