: My buttons disappeared after I changed colors
: jonahh November 27, 2015, 01:30:38 PM
This is because of the gradient we used in this template and the fact that the colors you are using aren't web safe. If you choose a color from here it will work: http://websafecolors.info/ If you still have issues with a certain color you want to use you can simply remove the gradient effect. To do so open up your index.php file and look for the following: .button, p.readmore a, a.readon, a.button, p.readmore a.btn, #cboxLoadedContent button, .controls .btn-primary, .btn.btn-primary, .controls .btn-primary, .controls .btn-primary, .btn.btn-primary, .button.btn, a.readon, #s5_mason_load_more {
background: #<?php echo change_Color($s5_highlightcolor,'-25'); ?>; /* Old browsers */
background: -moz-linear-gradient(top, #<?php echo change_Color($s5_highlightcolor,'-25'); ?> 0%, #<?php echo $s5_highlightcolor; ?> 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#<?php echo change_Color($s5_highlightcolor,'-25'); ?>), color-stop(100%,#<?php echo $s5_highlightcolor; ?>)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #<?php echo change_Color($s5_highlightcolor,'-25'); ?> 0%,#<?php echo $s5_highlightcolor; ?> 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #<?php echo change_Color($s5_highlightcolor,'-25'); ?> 0%,#<?php echo $s5_highlightcolor; ?> 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #<?php echo change_Color($s5_highlightcolor,'-25'); ?> 0%,#<?php echo $s5_highlightcolor; ?> 100%); /* IE10+ */
background: linear-gradient(to bottom, #<?php echo change_Color($s5_highlightcolor,'-25'); ?> 0%,#<?php echo $s5_highlightcolor; ?> 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#<?php echo change_Color($s5_highlightcolor,'-25'); ?>', endColorstr='#<?php echo $s5_highlightcolor; ?>',GradientType=0 ); /* IE6-9 */
background-size:1px 73px; }
and change it to:
.button, p.readmore a, a.readon, a.button, p.readmore a.btn, #cboxLoadedContent button, .controls .btn-primary, .btn.btn-primary, .controls .btn-primary, .controls .btn-primary, .btn.btn-primary, .button.btn, a.readon, #s5_mason_load_more
{
background: #<?php echo $s5_highlightcolor; ?> !important;
}
Cheers!
|