mvandertol Posted October 20, 2013 Share Posted October 20, 2013 How do I change the font size used in the caption of image blocks for Beatrice template? Do I need to inject the same code on each page I use the image block on? Link to comment
kale Posted October 20, 2013 Share Posted October 20, 2013 If you want this to be applied site wide, then you should use the custom CSS section, and will only have to add the CSS once -- if you want to control image captions on a single page, then you can use per page code injections and style tags. For a single, site wide adjustment, go to 'Change Style' (paintbrush) > 'CSS' (hit confirm) and copy / paste this: .sqs-block.image-block .image-caption-wrapper p { font-size: 16px; } And then 'Save' in the CSS window, and 'Save' again in the 'Style Editor' slide-out. If you want to control it on a page-per-page basis, you would instead go to the page in question, then go 'Manage Site' (gear icon) > 'Page Settings' > 'Advanced' > and paste this into the 'Page Header Code Injection' section (be sure to include style tags): <style> .sqs-block.image-block .image-caption-wrapper p { font-size: 16px; } </style> You would need to do this on any page you wanted the CSS applied. Link to comment
mvandertol Posted October 20, 2013 Author Share Posted October 20, 2013 Thanks for the detailed response, kale. Link to comment
Guest Posted November 25, 2013 Share Posted November 25, 2013 is there a way to place the text against a white rectangle block as the image description - similar to marquee template? Link to comment
Guest Posted February 5, 2015 Share Posted February 5, 2015 You can add !important , in case you don't see any change in the captions: .sqs-block.image-block .image-caption-wrapper p{ font-size: 16px !important; } Link to comment
Peter Rox of The Future Posted May 27, 2015 Share Posted May 27, 2015 works great. easy to understand. thx! Link to comment
Peter Rox of The Future Posted May 27, 2015 Share Posted May 27, 2015 works great. easy to understand. thx! Link to comment
monicag Posted June 2, 2015 Share Posted June 2, 2015 I tried this and it only worked on the first image on my page. I'd like it to work on all images and I have multiples on the page. Anyone know the code for that? Link to comment
Lostcoast Posted May 26, 2016 Share Posted May 26, 2016 I just applied this to my Aviator template - works great. Now how can I reduce the size of the padding between the images and the captions? The default is ridiculously wide.. Link to comment
Lostcoast Posted May 26, 2016 Share Posted May 26, 2016 I just applied this to my Aviator template - works great. Now how can I reduce the size of the padding between the images and the captions? The default is ridiculously wide.. Link to comment
Guest Posted September 9, 2016 Share Posted September 9, 2016 I've been looking for a way to increase the font size on individual pages, for what seems like hours! Thanks to your code, @kale, I've been able to come up with a solution! By putting the code below into the CSS injection on an individual page, using the Five theme, I've been able to adjust the font size, for example, of text on my blog page. Thanks! <style> .body p { font-size: 20px; } </style> Link to comment
steflc Posted March 4, 2018 Share Posted March 4, 2018 Hi Kale... none of these work for me. Do you have any other tips? I'm using Mentor template. This is driving me nuts! :( Link to comment
Sensebellum Posted May 30, 2020 Share Posted May 30, 2020 Hello, unfortunately none of this works. Is there a new line of code? Here in 7.0 with Pacific and it is very difficult to change the text size. Link to comment
tuanphan Posted May 30, 2020 Share Posted May 30, 2020 4 hours ago, caseyscalf said: Hello, unfortunately none of this works. Is there a new line of code? Here in 7.0 with Pacific and it is very difficult to change the text size. Can you share link to your site? 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.