Page 1 of 1
Color
Posted: 18 Nov 2016, 13:25
by 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
Re: Color
Posted: 18 Nov 2016, 20:22
by 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
Re: Color
Posted: 18 Nov 2016, 20:57
by 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
Re: Color
Posted: 18 Nov 2016, 23:29
by SDR
Jan wrote: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
Re: Color
Posted: 19 Nov 2016, 11:56
by 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
Re: Color
Posted: 20 Nov 2016, 00:14
by 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