Change the size of the typography - by Sonsoles

Hello,

There is no special option for this but we can help you to implement it by custom CSS. Could you, please, provide screenshot of the page with the button where you want to do this (because we have different types of add to cart button on shop and single product) or maybe provide link to page. Tell us what size you want and we’ll send you code to change it.

Regards

Hello,

1) Add this code in Theme Options > Custom CSS > Global custom CSS of in style.css file of child-theme:

.single_add_to_cart_button {
    font-size:  1rem !important;
}

2, 3)

.checkout-button,
.empty-cart-block .btn,
.btn, .form-row.place-order .button {
    font-size: 1rem;
}

4) You can use such screenshot maker as Lightshot https://prnt.sc/

.navbar-header .cart-bag:before {
    font-size: 20px;
}
.navbar-header .cart-bag .badge-number {
    font-size: 12px;
}

Regards

Hello, @KKA

You can just manage the font-family for the headings from Theme Options > Typography. We did not add option to manage font-size for the headings because the general option for every heading is not suitable for design in some cases.
You can change the size of the headings using custom CSS (Theme Options > Custom CSS)

body {
    --h1-size-proportion: 2.5714;
    --h2-size-proportion: 1.7142;
    --h3-size-proportion: 1.7142;
    --h4-size-proportion: 1.2857;
    --h5-size-proportion: 1;
    --h6-size-proportion: 0.8571;
}

Increase the value of the size-proportion according to your needs. h tags size is the calculation of the 1rem* size-proportion variable.

If you want to change the size just for some element (for example only for the widget titles or for the product titles) then let me know and I’ll give you a custom code to do that.

Or use the Yellow Pencil plugin to edit the styles (XStore > Plugin installer).

Regards