#1. With Product Title font Nocky, use this to Custom CSS
h1.product-title, .product-list-item-title {
font-family: 'Nocky' !important;
}
#2. With Quantity, Add to cart smaller, use this to Custom CSS
input.product-quantity-input {
padding-top: 5px !important;
padding-bottom: 5px !important;
font-size: 18px !important;
}
button.sqs-add-to-cart-button.sqs-suppress-edit-mode.sqs-editable-button.sqs-button-element--primary {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
#3. With Arrows, use this to Custom CSS
/* Products arrows */
.product-gallery-carousel-controls .product-gallery-carousel-control.product-gallery-prev:after, .product-gallery-carousel-controls .product-gallery-carousel-control.product-gallery-next:after {
border-color: #000 !important;
border-width: 2px 2px 0 0;
top: 100px;
position: relative;
}
#4. Price in Shop Page smaller
div.product-list-item-price {
font-size: 14px !important;
}