Color

[SDR]

Hello,

I like to chance the color of the download button. This one is now green, but like it yellow.

How to?

https://s14.postimg.org/79k6xbknl/Knipsel.png

[Jan]

Hi, just change it in your template CSS or in Phoca Download CSS file, just see the styling e.g. per firebug in Firefox to know which part you should change.

If you have some link to live site, I can see it to write you the style part.

Jan

[christine]

Hi,

add to the end of your template.css or custom.css - depends of template:

Code: Select all

.btn-success, .btn-success:hover {
background-color:yellow; 
background-image:none;  
color:#000;  
}

just an idea from Demo.

Kind regards, Christine

[SDR]

Hi, just change it in your template CSS or in Phoca Download CSS file, just see the styling e.g. per firebug in Firefox to know which part you should change.

If you have some link to live site, I can see it to write you the style part.

Jan

Live site: Http://www.theovermeulen.nl/luc41116

- Page:http://www.theovermeulen.nl/luc41116/in ... -downloads

[christine]

Hi SDR,

(zo ver) goed gedaan nu, maar:

You took my (above) code in bootstrap.css. (shown in line 5877). Followed by:
.btn-success:hover, .btn-success:focus {
background-color: #419641;
background-position-x: 0;
background-position-y: -15px;
}
etc. ....

This will overwrite the parameter e.g. for "hover".

As I wrote before, please write the code at the end of your template.css or custom.css. (previous post). Don't change something in bootstrap.css

groetjes, Christine

[christine]

Hi SDR,

If you want to have the "hover" also in yellow, then take (as I wrote in previous post) my 1st code of 1st post

Code: Select all

.btn-success, .btn-success:hover {
background-color:yellow;
background-image:none; 
color:#000; 
}

in custom.css

groetjes, Christine