Position of ‘add to cart’ button on featured products page and related products on cart page

Hi Keesieboy

You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

/* WooCommerce */

.product a:first-of-type {
	display: block;
    min-height: 340px;
}

Awesome :) Glad to hear that did the trick.

Thanks for your support. All the best with your site.

Mmm I think I’ve faced this problem before. Can you send me a list of pages where the buttons needs to align on?

Try swapping the previous CSS rule out with the below:

/* WooCommerce */

body:not(.single-product) .product a:first-of-type {
display: block;
min-height: 340px;
}

Sure. Try the following:

.woocommerce.single-product #page-wrapper .related.products ul.products li.product {
    max-width: none;
}

.woocommerce.single-product ul.products li.product, 
.woocommerce-page.single-product ul.products li.product {
    width: 26%;
}

For sure :)

Hi Keesieboy

You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

@media (max-width: 767px) {
	.dhvc-woo-row-fluid [class*="dhvc-woo-span"] {
	    float: left;
	    margin-left: 1em;
	    width: 47%;
	}
}

Try changing the last Custom CSS sent to the following:

@media (max-width: 767px) {
	.dhvc-woo-row-fluid [class*="dhvc-woo-span"] {
	    float: left !important;
	    margin-left: 1em !important;
	    width: 47% !important;
	}
}