Various font questions

1. Change font only for mobile: I'd like to change font size of the quote on this page only on mobile. How can I target just the quote?

2. Change font of the lightbox that pops up when you click "quick view" on products (attached screenshot)

3. Cart page fonts: get rid of or change the font of "shopping cart" and customize "checkout" button (attached screenshot)

Website: www.personalchefberlin.de

Password: june

Q1. Where is? Can you take screenshot?

Q2. Add to Home > Design > Custom CSS

.sqs-product-quick-view-content {
/* Lightbox Price */
 span.sqs-money-native {
    font-family: monospace;
}
/* description */
.ProductItem-details-excerpt {
    font-family: fantasy !important;
}
/* Add to cart */
.sqs-add-to-cart-button-inner {
    font-family: monospace;
}
}

Q3.

.cart-title {
    display: none;
}
.checkout-button span {
    color: red;
    font-family: monospace;
    font-size: 20px;
}

On 6/14/2020 at 12:01 AM, tuanphan said:

@tuanphan

Q1. Attached the screenshot of the quote on this page

Q2. Some worked but some didn't (Attached screenshot)

Q3. The code didn't work- I tried in Custom CSS and Code injection... I was able to hide "Shopping Cart" by injecting code in the header.

 

try

.sqs-product-quick-view-content {
.product-price * {
    font-family: monospace !important;
}
.ProductItem-details .variant-option select option {
    font-family: monospace !important;
}
}
.checkout span {
    font-family: monospace !important;
}