Mike M. a11n

Well that’s not it. What theme is this? It’s possible the theme is filtering woocommerce_loop_add_to_cart_link and adding target=_blank there.

Can you post your add-to-cart.php?

This might actually be the Loop Add to Cart template located at woocommerce/templates/loop/add-to-cart.php.

Are you sure there isn’t some CSS causing each product to break to a new line?

Is the “_blank” on the single product page? If so, you’ll need to do a template override on external.php located in woocommerce/templates/single-product/add-to-cart/. In that file, you can remove the target="_blank" from the anchor tag.

Let me know if you need help with template overrides.

It looks like you might have solved this already?

Oh, you’ll still need to change the color in the piece of CSS.

Hi again! I think this is the selector you’re look for:

.main-navigation .main-nav ul .current-menu-item > a:hover, .main-navigation .main-nav ul .current-menu-parent > a:hover, .main-navigation .main-nav ul .current-menu-ancestor > a:hover, .main-navigation .main-nav ul .current_page_item > a:hover, .main-navigation .main-nav ul .current_page_parent > a:hover, .main-navigation .main-nav ul .current_page_ancestor > a:hover, .main-navigation .main-nav ul .current-menu-item.sfHover > a, .main-navigation .main-nav ul .current-menu-parent.sfHover > a, .main-navigation .main-nav ul .current-menu-ancestor.sfHover > a, .main-navigation .main-nav ul .current_page_item.sfHover > a, .main-navigation .main-nav ul .current_page_parent.sfHover > a, .main-navigation .main-nav ul .current_page_ancestor.sfHover > a {
    background-color: #3f3f3f;
}

A really useful trick in dev tools is to inspect the element, then right click on the html node and hover “Force Element State.” From there you can choose :hover or any CSS state and easily track down the correct selector.

At least you know where the error is coming from. Are you using a plugin directly from Atom? If so, I would contact them and let them know about the error.

Great! I think its a good idea to create a new thread.

Try this instead.

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #0c471a;
}

Do you have a link to your site?

You can add this to your theme stylesheet or custom css section. I’ve used the same dark green from your menu.

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #0c471a;
}

You can use Chrome Dev Tools or Firebug to find the find which CSS selectors to change.

Hi nay18. Which text boxes are you referring to?

Hi Pascal. If you edit the product and click on the variations tab, you should see a dropdown menu for Default From Values. There you can choose the variation that is preselected or choose no default.