Announcement

Collapse
No announcement yet.

Button Color

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Button Color

    I am trying to change the botton color on our second site, but can not find where to do it. I checked the CSS, and the 4 ones that say buttons I did not see anywhere I could change them? I thank you in advance for your help.
    Jimmy

  • #2
    Button colors

    The code :

    <input type="button" onClick="check_and_add(document.add);" name="Add" value="Add to Cart" class="btn" onMouseOver="this.className='btn_over'" onMouseOut="this.className='btn'">

    The Css:

    /*btn_over:: Controls the buttons*/
    .btn_over
    {
    border-top: 1px solid #dcdbdc;
    border-bottom: 1px solid #dcdbdc;
    border-left: 1px solid #dcdbdc;
    border-right: 1px solid #dcdbdc;
    background: url(../../../images/Bg_btn2.gif) repeat-x;
    font-family: arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    cursor: pointer;
    margin:1px;
    }


    /*btn:: Controls the buttons*/
    .btn
    {
    border-top: 1px solid #dcdbdc;
    border-bottom: 1px solid #dcdbdc;
    border-left: 1px solid #dcdbdc;
    border-right: 1px solid #dcdbdc;
    font-family: arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    cursor: pointer;
    margin:1px;
    background-color: #900;
    background-image: url(../../../images/BG_btn.gif);
    background-repeat: repeat-x;
    }

    Comment


    • #3
      Originally posted by alphadex View Post
      The code :

      <input type="button" onClick="check_and_add(document.add);" name="Add" value="Add to Cart" class="btn" onMouseOver="this.className='btn_over'" onMouseOut="this.className='btn'">

      The Css:

      /*btn_over:: Controls the buttons*/
      .btn_over
      {
      border-top: 1px solid #dcdbdc;
      border-bottom: 1px solid #dcdbdc;
      border-left: 1px solid #dcdbdc;
      border-right: 1px solid #dcdbdc;
      background: url(../../../images/Bg_btn2.gif) repeat-x;
      font-family: arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 12px;
      color: #FFF;
      cursor: pointer;
      margin:1px;
      }


      /*btn:: Controls the buttons*/
      .btn
      {
      border-top: 1px solid #dcdbdc;
      border-bottom: 1px solid #dcdbdc;
      border-left: 1px solid #dcdbdc;
      border-right: 1px solid #dcdbdc;
      font-family: arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 12px;
      color: #FFF;
      cursor: pointer;
      margin:1px;
      background-color: #900;
      background-image: url(../../../images/BG_btn.gif);
      background-repeat: repeat-x;
      }
      Support told me I need to use FTP to change it. I downloaded it ok though FTP, then changed color in photoshop ok, but I can not figure out how to upload the changed logo it keeps failing? Could I do this without ftp now that I have the image changed? If not any advise on the ftp problem would be great I am kinda new to FTP only worked with it a few times. I thank you in advance for your help.
      Jimmy

      Comment


      • #4
        I did this using FileZilla and Photoshop will post steps here I hope this helps someone:

        1. Use your FTP info in FileZilla to do a quick connect.
        2. Drill down to /web/assets/templates/v30014/css/images
        3. Drag BG_btn.gif to a folder in your image folders, or to your desktop then move it there.
        4. Open the image up in Photoshop.
        5. Right click to select the image then select all.
        6. Select background color as that is what 3dcart pulls the button colors from. Then click Fill, ok, and then background color on the left
        7. Enter in the numbers of the color you want to use such as 800000
        8. Click File then save.
        9. Open FileZilla back up again, and do a quick connect.
        10. Drill down to your image on the left, and drill down to it on the right.
        11. You want to make sure your still connected during this process if your not do another quick connect then get back to where you were.
        12. Drag image from left to same image on right, and click yes to overwrite.
        13. On the right side drill back up to web, and right click.
        14. Add files to Q, and do one more quick connect, and that should do it.

        I hope this helps someone out, there was a lot to remember so if anything is wrong please point it out.
        Last edited by Jimmy; 11-22-2010, 04:29 AM.
        Jimmy

        Comment

        Working...
        X