Featured Products Buy Now Button

Hi,

The Buy Now button for Featured Products has a transition effect that ends up making the button move up above the title, which makes it disappear. Is there a way I can adjust the transition effects for this?

I’m referring to the Featured Products section on the home page.

Hello there,

Thank you for contacting our support. You site looks very nice!

Here is a small custom CSS code that will fix this issue. Add it into Theme Settings -> Custom CSS section

.basel-hover-alt .btn-add>a {
padding-left:0;
}
.basel-hover-alt:hover .wrapp-swap .swap-elements {
    transform: translateY(0);
     -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -sand-transform: translateY(0);
}

Regards

I’m in the custom css section, but I can’t paste anything into any of the fields.

Are you able to provide us your admin access so we could try it by our own?

Yep.

We have found some JS errors in your wordpress installation, probably they caused by absence of some libraries on your web-site. https://gyazo.com/7f4bcecae5d4b8eb03bb6924b4988117

In this case you can activate child theme and insert the code into the style.css file.

Adding the code did not work, and some of the updates I made yesterday are now gone.

My featured products section on the homepage is messed up. I have it set to display 4 columns, but now it’s doing 2 columns and 2 rows.

Seems that you have updated WooCommerce to the version 2.6. In this case you have to update the theme to the version 1.6.1 also.

[Author]

Posts