How to change the gallery title font for all my galleries to Quigley

Jana Bess

Hi, how can I change the gallery cover title font for all my galleries to Qwigley? Does Qwigley have a font family? Or is the syntax different? Thanks.

I already have this for the size, font and color of the gallery description:

/* Set font-size, font, and color for gallery description */
.sm-gallery-cover-description {
font-size: 14px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
color: white !important

}

Hikin' Mike

If your site is already using Qwigley, then you just need to add this:

.sm-user-ui .sm-gallery-cover-title {
  font-family: Qwigley;
}

If you don't use that font, you'll need to read this: https://www.aaronmphotography.com/Customizations/Fonts-Links/Google-Fonts

Jana Bess

Hi Mike: It's not working. I tried it in an inidiviual gallery (because all of my galleries and folders have been changed from Inheriting all changes to Just this Folder/Gallery), and it didin't work then either.

Hikin' Mike

A link to your site...

Jana Bess

Doy, sorry darkshadowsplay.com <DORK!>

Jana Bess

Hmmm, somehow missed the link to aaronm, if it saves you some work, I can check that out, as it is possible I have two fonts already designated.

Hikin' Mike

Looks like you have it working here: https://www.darkshadowsplay.com/Jonathan-Frid Sounds like you added the CSS to that page. What you need to do is remove that and add it to your theme's site-wide CSS. If you don't know how, read this: https://gallery.imagesinthebackcountry.com/Smugmug-customization/Adding-CSS-to-your-SmugMug-Website

THat should show it on your galleries then.

Jana Bess

Actually SM allows me to leave the Title blank in Folder Settings, so I have set a Logo widget in place of the folder title (so I can use Qwigley). It won't let me leave the gallery title blank.

I double checked and I did place the code you gave me in its own CSS widget at the bottom of "Entire Site"

Hikin' Mike

Ah, that makes sense. Add this to your theme's site-wide CSS:

/* latin-ext */
@font-face {
  font-family: 'Qwigley';
  font-style: normal;
  font-weight: 400;
  src: local('Qwigley'), local('Qwigley-Regular'), url(https://fonts.gstatic.com/s/qwigley/v8/1cXzaU3UGJb5tGoCiVVmimmB.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Qwigley';
  font-style: normal;
  font-weight: 400;
  src: local('Qwigley'), local('Qwigley-Regular'), url(https://fonts.gstatic.com/s/qwigley/v8/1cXzaU3UGJb5tGoCiVtmig.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

Then you can use that font site-wide.

Jana Bess

CSS on "entire site," but it doesn't work.

Will this CSS work if I have changed galleries and folders to not inherit, but to be "Just this gallery/folder?"

I tried removing this in case there was a conflict:
/* Set font-size and colour for gallery title */
.sm-gallery-cover-title {
font-size: 48px !important;
color:white!important}

Hikin' Mike

Please add the CSS I posted above. Once you've done that, it will work.

Jana Bess

ignore

Hikin' Mike

You missed this on how to add it to your theme's site-wide CSS: https://gallery.imagesinthebackcountry.com/Smugmug-customization/Adding-CSS-to-your-SmugMug-Website

Jana Bess

Totally understand if you want to bail at this point. I can do some homework on your site and come back if i can't figure it out.

Jana Bess

Totally understand if you want to bail at this point. I can do some homework on your site and come back if i can't figure it out.

**
**

Hikin' Mike

No, I'm not bailing. Now, add this under the CSS you just added (Theme's site-wide Custom CSS):

.sm-user-ui .sm-gallery-cover-title {
  font-family: Qwigley;
}

Jana Bess

Okay, it's working!

I added this back in and it's working as well:

/* Set font-size and colour for gallery title */
.sm-gallery-cover-title {
font-size: 48px !important;
color:white!important}

Thanks so much for hanging in with me

Hikin' Mike

@Jana Bess said:
Thanks so much for hanging in with me

No problem!

AceCo55

To Hikin' Mike
I know you often say "you have the time" to help so many people here on DGrin ... but you are just fantastic with the support you provide.
Please don't EVER think that people take it for granted.
We a SO lucky to have some-one with your skill and willingness to help so often
You are an absolute champion!!

James Lyall

Please don't EVER think that people take it for granted.
We a SO lucky to have some-one with your skill and willingness to help so often
You are an absolute champion!!

I second that!

Jana Bess

leftquark

@James Lyall said:

Please don't EVER think that people take it for granted.
We a SO lucky to have some-one with your skill and willingness to help so often
You are an absolute champion!!

I second that!

I third that, wholeheartedly from all of us at SmugMug!