jseaberg Posted April 27, 2013 Share Posted April 27, 2013 I don't see this option listed under the style options for the Dovetail Template. I'd like to make the font match the rest of the site. See an example here: http://halberstadtortho.com/rockville-centre-orthodontist Thanks! Link to comment
kale Posted April 27, 2013 Share Posted April 27, 2013 I believe adding this CSS to your custom CSS will change the font to match your font on the site. It looks like you use two variants of "museo" (both museo and museo-sans) so if you want the sans version, just add '-sans' .sqs-gallery-block-slideshow .meta .meta-title { font-family: "museo"; } or for sans version .sqs-gallery-block-slideshow .meta .meta-title { font-family: "museo-sans"; } This CSS specifies that 'gallery blocks' use 'museo' for the titles, so other things that use .meta-title won't be affected. This probably wouldn't change the font for something like a 'gallery page', so if you need the code for something like that, just post here. Link to comment
jseaberg Posted April 27, 2013 Author Share Posted April 27, 2013 Thanks! I tried this in both the style editor for the overall site and the custom css on an individual page - can't seem to get it to work. Link to comment
kale Posted April 27, 2013 Share Posted April 27, 2013 Try this instead: .sqs-gallery-block-slideshow .meta .meta-title { font-family: "museo"; } Link to comment
jseaberg Posted April 27, 2013 Author Share Posted April 27, 2013 got it, thanks so much!!! Link to comment
Guest Posted May 4, 2015 Share Posted May 4, 2015 You can also adjust the size of the title and description with the following code: .sqs-gallery-block-slideshow .meta .meta-title { font-size: 12px; } .sqs-gallery-block-slideshow .meta .meta-description p {font-size: 10px !important;} Link to comment
patrice69 Posted September 14, 2015 Share Posted September 14, 2015 what i need to do if I want the type italic or bold???? Link to comment
bosabri Posted July 7, 2016 Share Posted July 7, 2016 THANKS! Here's how to make the font larger and bold in the Caption overlay (In most templates, for captions that display over the Image Block when it's displaying on the page: Font: Follows body text Color: Always gray) .sqs-gallery-block-slideshow .meta .meta-title { font-size: 30px; font-weight: bold; } Link to comment
Guest Posted August 15, 2016 Share Posted August 15, 2016 You can adjust the size of the Images within a Gallery Page using this code: .image-title .image-description{ font-size: 1.5em; } Link to comment
lizg Posted November 9, 2016 Share Posted November 9, 2016 These codes don't seem to be working for me. I have an image gallery set up on a page. I want to change the font of the image descriptions. How can I do this? Link to comment
ColeH_design Posted July 5, 2017 Share Posted July 5, 2017 This worked so well – thank you for sharing! LIFESAVER today!! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.