• losrack

    (@carlos-jaramillo)


    Hi,

    I want to get rid of the box-shadow in add to cart button

    I have used this

    media="all"
    button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart {
    box-shadow: none;
    }

    or

    .add_to_cart_button {
    box-shadow: none;
    }

    To no avail. Please any help would be great!

Viewing 3 replies - 16 through 18 (of 18 total)
  • Thread Starter losrack

    (@carlos-jaramillo)

    Hi James … here is my child css

    text/css style.css ( ASCII C program text )
    
    /*
    Theme Name:   	storefront child
    Author:       	Carlos Jaramillo
    Template:       storefront
    */
    
    /* write custom css */
    
    /* navigation font size and style with "font-family" etc */
    
    .main-navigation {
    font-size: 13px;
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
    }
    
    /* set pages size by ID - replace "xx" by page id */
    
    /* this one is home page id 36 */
    .page-id-36 .site-content .col-full {
    	max-width: 100%;
    	margin-left: auto;
        margin-right: auto;
    }
    
    /*search bar width */
    
    .widget_search form, .widget_product_search form {
      position: relative; }
      .widget_search form input[type=text], .widget_search form input[type=search], .widget_product_search form input[type=text], .widget_product_search form input[type=search] {
        width: 100%;
        padding-left: 2.618em; }
    
        /**
     * Footer
     */
    .site-footer {
      background-color: #f3f3f3;
      color: #93979f;
      padding: 0; }
      .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
        color: #82868e; }
      .site-footer a:not(.button) {
        color: #96588a; }
    
    .site-info {
      padding: 20px; }
    
     .footer-widgets {
    padding-top: 0;
    } 
    
    .hentry {
    margin-bottom: 0;
    }
    
    /*Horizontal bar color */
    
    .page-template-template-homepage .hentry .entry-header,
    .page-template-template-homepage .hentry,
    .page-template-template-homepage .storefront-product-section {
    border-color: white;
    }
    
    /* change the size of the logo, secondary navigation and search bar */
    
    @media screen and (min-width: 768px) {
        /* LOGO */
        .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link { width: 7% !important; /* Use px values if you want, eg. 350px */ }
    
        /* SECONDARY NAVIGATION */
        .site-header .secondary-navigation { width: 7% !important;  /* Use px values if you want, eg. 350px */ }
    
    body.woocommerce #primary { width: 100%; }
    
    /* hides the page title. NOTE: shop title hide is on php-- 2nd NOTE: Title toggle plugin= home page removed */ 
    
    .entry-header {
    display: none;
    }
    
    /*Reduce content area padding*/
    
    #main { padding-top: 0 ; }
    
    .singular.page .hentry {
        padding: 0;
    }
    
    .content-area, .widget-area {
      margin-bottom: 0;
    }
    
    /*Title area size*/
    .singular .entry-header, .singular .entry-content {
       width: 70%;
    }
    
    /*Content Margin*/
    .singular #content, .left-sidebar.singular #content {
        margin: 0 5.6%;
    }
    
    /*Entry content padding*/
    
    .singular .entry-content {
    padding: 0;
    }
    
    /*Article padding*/
    article.page {
        padding: 0 10px;
    }
    
    /*Site header height + padding + BG color*/
    .site-header {
    background-color: #fff;
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    }
    
    /*Logo Area*/
    header#masthead {
    	background: none;
    }
    
    header#masthead hgroup {
    	position: relative;
    
    	padding-bottom: 0px !important;
    	padding-top: 0px !important;
    	zoom: 0;
    
    /*Box Around links*/
    a:focus,
    .focus a {
    	outline: yes !important;
    }
    
    /*menu width*/
    
    .navbar-wrapper .navbar.notresp.row-fluid {
    float: none;
    width: 100%;
    margin: 0 auto;
    }
    
    /* more here on */

    Is there any thing wrong there?

    Thanks

    Looks OK to me. Except for the fact that the code I gave you in a previous post isn’t there :p

    ul.products li.product .button{
    box-shadow: none;
    }
    Thread Starter losrack

    (@carlos-jaramillo)

    well .. since it did not work on the style.css … I had to put it on the css plugin.

    I would like to have all the css in one file only, but I had to do it this way.

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘Get rid Box-shadow in add to cart button’ is closed to new replies.