Contact Page: How to change the bg color of "submit from" button?

Comments

• Air

  May 2014 Posts: 10,970

  Here :-)
  
  http://support.apollo13.eu/discussion/comment/6225#Comment_6225
  
  With regards.
• Tupamaros

  May 2014 edited June 2014 Posts: 111

  Nice, but I have a strange problem with the code. As soon as I copy it in my Custom CSS field and save it, it’s getting changed in my user.css to this not anymore working code that I have to edit manually in my user.css:

  
  input[type=\"submit\"],
  a.a13-button{
      background-color: #ED9D2B;
      color: #fff;
  }
  input[type=\"submit\"]:hover,
  input[type=\"submit\"]:focus{
      background-color: #747474;
  }
  

  … hm?

  Post edited by Air on June 2014
• Air

  May 2014 Posts: 10,970

  Tupamaros said: Nice, but...

  Are you sure that you are using Beach please theme?
  
  With regards.
• Tupamaros

  May 2014 edited June 2014 Posts: 111

  Uhm, yes…?
  
  I checked it again and for any reason, the "\" don’t show up anymore. But it has some other problem: As long as I put the code in Custom CSS, the button doesn’t change. When I paste the exact same code inside my style.css, it works. Hm?
  Well, I can live with that. Is style.css except for the version number changing (a lot) when Beach Please gets updated or can I just keep it that way?
  
  I have another code that only works properly in style.css, but not in the custom css field. And that issue seems to be related to the submit button code again…
  
  It’s this code (affects my shop pages, plugin = OrillaCart):

  
  /* changes the color of the shop buttons */
  
  #com-shop .btn-primary {
  background-color: #ED9D2B;
  background-image: linear-gradient(to bottom, #BF7E22, #F8A42D);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  #com-shop .btn-small {
  font-size: 11px;
  line-height: 16px;
  padding: 3px 9px !important;
  }
  #com-shop .btn-primary:hover, #com-shop .btn-primary:active, #com-shop .btn-primary.active, #com-shop .btn-primary.disabled, #com-shop .btn-primary[disabled] {
  background-color: #F8A42D;
  color: #FFFFFF;
  }
  
  
  /* changes the color of the links inside the shop */
  
  .addBootstrap h1, .addBootstrap h2, .addBootstrap h3, .addBootstrap h4, .addBootstrap h5, .addBootstrap h6, .addBootstrap .h1, .addBootstrap .h2, .addBootstrap .h3, .addBootstrap .h4, .addBootstrap .h5, .addBootstrap .h6 {
  color: #1C1C1C;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  }
  .addBootstrap a {
  color: #FF6600;
  text-decoration: none;
  }
  .addBootstrap a:hover {
  color: #FFFFFF!important;
  text-decoration: none;
  }
  

  Best regards!

  Post edited by Air on June 2014
• Air

  May 2014 Posts: 10,970

  I will verify this later and, if needed, update theme again:-P
  Thanks for reporting this!
  
  With regards.
• Air

  June 2014 edited June 2014 Posts: 10,970

  You were right, now I have fixed. In few hours there will be update with fix for it, but you can do it manually and don't update theme:-)
  Go to advance/user-css.php line ~480 and change $custom_CSS to ".stripslashes($custom_CSS)."
  
  Thanks for pointing this out!

  Post edited by Air on June 2014