Customize product page

Hey fcp,
To increase the space between product price and product counter, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.single-product-summary form.cart {
	 padding-top: 20px !important; 
}

To make the product counter and the Add To Cart button a little bit smaller, try this css:

#top div.single-product-summary .quantity input.plus, #top div.single-product-summary .quantity input.minus,#top div.single-product-summary .quantity input.qty {
    line-height: 21px !important; 
    width: 23px !important; 
    height: 23px !important; 
}
#top div.single-product-summary button[name=add-to-cart] {
    padding: 5px !important; 
}
div.single-product-summary form.cart div.quantity {
    min-width: 50px !important; 
}

Feel free to adjust to suit.

Best regards,
Mike

Hi,
The line height should be similar to the height, you would not want a line height of zero even if the height is overriding it.
It seems that I may have been logged in via a cookie before, but it must have expired, now I’m just seeing the maintenance page.
Please include another login so I can see the page and assist.

Best regards,
Mike

Hi,
Thanks, is the admin login URL and details in the Private Content area correct? The page doesn’t seem to load.

Best regards,
Mike

Hi,
I was able to login this time, to remove the padding & margin from the single product pages around the “Vous aimerez aussi” please try this css:

.single-product .avia-section-small .content,.single-product .avia-section-small .sidebar {
    padding-top: 0px !important; 
    padding-bottom: 0px !important; 
}
.single-product .avia-section-small.container_wrap {
    border-top-style: none !important; 
    border-top-width: 0 !important; 
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
To increase is the space between “Vous aimerez aussi” and related products:

#top.single-product .related.products > ul.products.columns-4 {
	    padding-top: 20px;
}

To reduce margin up to the product title of products pages:

#top.single-product .template-shop {
    padding-top: 10px !important; 
}

Best regards,
Mike