Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How do I use custom fonts on product page?


Question

  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0

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?

image.thumb.png.5d3223ac390b06b5c429ab6ea2efcbf4.png

Link to post
  • 0

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!

1400077355_Screenshot2021-04-11at5_08_20pm.png.c440b393d54b0b18a4368cfc473fe87e.png

Link to post
  • 1
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!

1400077355_Screenshot2021-04-11at5_08_20pm.png.c440b393d54b0b18a4368cfc473fe87e.png

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;
}
}

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...