How do I use custom fonts on product page?

Site URL: https://www.arbala.co.uk/shop/p/beldi-vase

Hi there, I can't seem to find a code that works to change the font of my product title. I would like it in 'OGG' font. Can anyone help?

https://www.arbala.co.uk/shop/p/beldi-vase

password: Ghillie5

Thanks!

Hi. Add this to Design > Custom CSS

/* Product title font */
.collection-type-products .grid-title, h1.ProductItem-details-title {
    font-family: 'OGG' !important;
}

On mobile footer, do you want to center footer nav links?

Hi Taunphan,

Apologies I only just saw your response. Yes if you have a code that would make the footer links centred would be very helpful!

Another question - for my mobile shop page, the product description underneath the images are too narrow. How do I make the spacing wider on mobile? I've attached images so you can see.

Many thanks!

On 4/11/2021 at 11:09 PM, livvywenstan said:

Hi Taunphan,

Apologies I only just saw your response. Yes if you have a code that would make the footer links centred would be very helpful!

Another question - for my mobile shop page, the product description underneath the images are too narrow. How do I make the spacing wider on mobile? I've attached images so you can see.

Many thanks!

Add to Design > Custom CSS

/* mobile */
@media screen and (max-width:767px) {
/* align center products */
footer.sections * {
    text-align: center;
}
/* title too narrow */
.products.collection-content-wrapper .grid-main-meta .grid-title {
    padding-left: 30px;
    padding-right: 30px;
}
}