Jump to content

Wells custom font with gallery title

Recommended Posts

Site URL: http://ryandandelion.art/

Hello!

I need help with three things. How do I change:

- Wells gallery title font (working on desktop but not mobile)

- Wells primary navigation font (working on desktop but not mobile)

- Wells gallery navigation control font (both desktop and mobile)

I greatly appreciate the help!


Here is the custom code I'm using:

//---Body/Header font---
@font-face {
    font-family: 'HelveticaDisplay-Light';
       src: url(https://static1.squarespace.com/static/5577a31fe4b013708f1743a1/t/5f676ac9b71066357b080fc5/1600613067730/HelveticaNowDisplay-Light.otf),
url(https://static1.squarespace.com/static/5577a31fe4b013708f1743a1/t/5f677df128978b1bff1689cb/1600617970650/HelveticaNowDisplay-Light.woff),
url(https://static1.squarespace.com/static/5577a31fe4b013708f1743a1/t/5f677e01d78cc314d212f79b/1600617986036/HelveticaNowDisplay-Light.woff2);
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'HelveticaDisplay-Bold';
       src: url(https://static1.squarespace.com/static/5577a31fe4b013708f1743a1/t/5f676ad1ff16fc496ca631fd/1600613074855/HelveticaNowDisplay-Bold.otf),
url(hhttps://static1.squarespace.com/static/5577a31fe4b013708f1743a1/t/5f677e0963133850a62221fe/1600617993838/HelveticaNowDisplay-Bold.woff),
url(https://static1.squarespace.com/static/5577a31fe4b013708f1743a1/t/5f677e0c63133850a6222217/1600617997051/HelveticaNowDisplay-Bold.woff2);
    font-weight: normal;
    font-style: normal;
  }

P {
  font-family: 'HelveticaDisplay-Light';
}

H1, H2, H3 {
  font-family: 'HelveticaDisplay-Bold';
}

//---Navigation font---
div#topNav a {
   font-family: 'HelveticaDisplay-Bold' !important;
}

//---Gallery Title font---
.image-title  {
  font-family: 'HelveticaDisplay-Light';
}

//---Gallery Description font---
.image-desc  {
  font-family: 'HelveticaDisplay-Light';
}

Link to comment
  • Replies 1
  • Views 316
  • Created
  • Last Reply

Add to Home > design > Custom CSS

/* gallery title */
.image-title-mobile strong {
    font-family: 'HelveticaDisplay-Light' !important;
}
/* Mobile nav font */
nav.main-nav.mobile-nav * {
    font-family: 'HelveticaDisplay-Light';
}
/* gallery controls */
.collection-type-gallery .meta .gallery-controls#simpleControls .control {
    font-family: 'HelveticaDisplay-Light';
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.