Get rid Box-shadow in add to cart button

  • losrack

    (@carlos-jaramillo)


    9 years, 3 months ago

    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 15 replies - 1 through 15 (of 18 total)

  • Can you post a link to a page on your site that shows the “Add to Cart” button?

    Thread Starter losrack

    (@carlos-jaramillo)

    Yes … here it is

    1-diez.com/shop

    thanks for writing

    I can’t see your site; I get the message “We are working to serve your country in the future. Thanks for your visit!”

    I loaded up the theme on my local WP install and I don’t see any shadows on the “Add to Cart” button. How do you want the button to look?

    Thread Starter losrack

    (@carlos-jaramillo)

    Hi

    When I set the color of that button to be white or any clear color it does have a shadow. You don’t see it right now because it looks ugly. .. So I set it darker to hide it

    I have some countries blocked due to spam that has been driving me nuts. … But if you tell me your country I can unblock it

    Thanks a lot for trying to help

    Okay, I changed the color on my local install and I see it. If your theme has a built-in custom CSS option, use it; otherwise, get a custom CSS plugin and put:

    .single_add_to_cart_button {
	box-shadow: none;
}

    Does that make the button look correct to you?

    Thread Starter losrack

    (@carlos-jaramillo)

    It did not work …

    may be the one you looked, is on the single product page. The one I need is the one that appears on the store when browsing products.

    When I target that object in developers tools the one I see is the one i tried on my first attempt.

    I have also tried

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

    but it din’t work either.

    any other thoughts?

    Thanks !

    Thread Starter losrack

    (@carlos-jaramillo)

    I just remembered that I am using woocommerce … Sorry I had to clarify that before..

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

    Should work just fine. We can’t debug this further without a link to your site.

    Thread Starter losrack

    (@carlos-jaramillo)

    Hi,

    I don’t know why it doesn’t work. I also tried the !important; just in case but neither it worked.

    I will unblock countries .. and here is the link…

    1-diez.com/shop

    Right now the button shadow is kind of hidden because the color of the button is very alike to its shadow. But it’s there…

    Thanks a lot for writing

    Thread Starter losrack

    (@carlos-jaramillo)

    I hope some one can take a look so I can block some countries again.

    Thanks…

    The CSS isn’t being applied which means whichever stylesheet you added the code to isn’t being loaded.

    Try using a custom CSS plugin to do this.

    Thread Starter losrack

    (@carlos-jaramillo)

    Thanks James …

    It id work, but I wanted to know if I have to disable styles, I would like to have all in one place like my child’s css.

    I read this in an article.

    add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

    thanks

    Storefront already disables the WooCommerce CSS. You don’t need to do that.

    Thread Starter losrack

    (@carlos-jaramillo)

    … final question:

    I have done so many things on my child style.css that have actually worked.

    I do not understand why this last thing have worked only with a custom css plugin and not on my child’s css

    this is puzzling my head…

    Thanks

    I can’t really explain it either without full access to your site, but that’s definitely what’s happening. Perhaps you have some invalid css in your child theme.

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