jseaberg 109 Share Posted April 27, 2013 (edited) 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! Edited July 30, 2016 by TreyT retag paconyartsny and silvan 2 Link to post
1 kale 8,511 Solution Share Posted April 27, 2013 (edited) 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. Edited April 27, 2013 by kale Posted new, working code. aubreywade 1 Link to post
1 kale 8,511 Share Posted April 27, 2013 Try this instead: .sqs-gallery-block-slideshow .meta .meta-title { font-family: "museo"; } Link to post
1 bosabri 0 Share Posted July 7, 2016 (edited) 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; } Edited July 7, 2016 by bosabri Initial Revision Link to post
0 jseaberg 109 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 post
0 jcuvdb 440 Share Posted May 4, 2015 (edited) 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;} Edited May 4, 2015 by jcuvdb Link to post
0 patrice69 0 Share Posted September 14, 2015 (edited) what i need to do if I want the type italic or bold???? Edited September 14, 2015 by patrice69 Link to post
0 jcuvdb 440 Share Posted August 15, 2016 (edited) You can adjust the size of the Images within a Gallery Page using this code: .image-title .image-description{ font-size: 1.5em; } Edited August 15, 2016 by jcuvdb Initial Revision Link to post
0 lizg 0 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 post
0 ColeH_design 1 Share Posted July 5, 2017 This worked so well – thank you for sharing! LIFESAVER today!! Link to post
Question
jseaberg 109
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!
Edited by TreyTretag
Link to post
Top Posters For This Question
3
2
2
1
Popular Days
Apr 27
5
Aug 15
1
Nov 9
1
May 4
1
Top Posters For This Question
jseaberg 3 posts
kale 2 posts
jcuvdb 2 posts
patrice69 1 post
Popular Days
Apr 27 2013
5 posts
Aug 15 2016
1 post
Nov 9 2016
1 post
May 4 2015
1 post
Popular Posts
kale
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 vers
10 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment