New Landing How can we help? Themeforest Theme Support Neighborhood Adjusting color on Product Thumbnails

Viewing 5 posts - 1 through 5 (of 5 total)
  • #73577
    frankjenex
    Member
    Post count: 70

    We are adjusting the colors on our Neighborhood theme and I am not sure how to change the color that sits behind “Select Options” on the product thumbnail on our home page (currently showing up as a dark gray.)
    See attached screen shot and link below: four thumbnails that appear under “Place Your Order Today”:

    Home

    I have been trying to locate it in the Customize tools but cannot find it.
    -Frank

    #73657
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Add this to your custom css:

    li.product figcaption .shop-actions > a {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
      border: medium none;
      box-shadow: none;
    }

    – Kyle

    #73658
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Add this to your custom css:

    li.product figcaption .shop-actions > a {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
      border: medium none;
      box-shadow: none;
    }

    – Kyle

    #73792
    frankjenex
    Member
    Post count: 70

    thanks Kyle – worked – but there is a sliver of black showing up behind the white text (see screen shot). Also, when rolling over “Select Options” the black still shows up (also shown on screen shot). I can live with the black on rollover – but the text is hard to read, so would like to remove sliver or black. Thanks.
    -Frank

    #74037
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try adding this

    .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {
      text-shadow: none;
    }
    .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
      text-decoration: none;
    }

    It may cause color issues for other buttons, if it does please let me know

    – Kyle

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register