Forum Support

Shape 5
October 18, 2021, 12:47:00 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
   Home   Help Search Login Register  
Pages: [1]
Author Topic: My buttons disappeared after I changed colors  (Read 461 times)
Offline Offline

Posts: 23789

« on: 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:

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;

« Last Edit: December 14, 2015, 02:53:41 PM by jonahh » Logged

Jonah Hall
Shape 5 Team

- Need a great host for your website? We highly recommend!

- Put your trust in the hands of our extremely qualified staff to get your job done right!

- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.