Softaculous

Topic : Media Caption Font Selection?

Posted By: deilenberger on June 27, 2019, 2:14 am

Hi - this used to be so easy in plain HTML..

Not so easy here.

How do I change the default font for a caption on an image. The caption is created on the image storage page - and I see no way to change it.

Thanks!

Posted By: aakash_softac on June 27, 2019, 7:35 am | Post: 1

Hi,

To change the styling you will need to add Custom CSS in Custom HTML to change the default font for a caption on an Image.

Do let us know if you need any other information.

-----------------------
Aakash Gupta
SitePad Developer

Follow us for faster updates
Twitter: https://twitter.com/sitepad_editor
Facebook: https://facebook.com/SitePad

Posted By: deilenberger on June 27, 2019, 7:39 pm | Post: 2

Quote From : aakash_softac June 27, 2019, 7:35 am

Hi,

To change the styling you will need to add Custom CSS in Custom HTML to change the default font for a caption on an Image.

Do let us know if you need any other information.

That - unfortunately - was what I'd suspected would be needed. Any example would be useful.

FWIW - I have no idea why anyone would pick TimesRoman as the default font for anything. If you read up on the font history you'll find it was designed by the NY Times to fit more text on less paper - since paper cost $$ when you're printing a newspaper in that size and quantity. READABILITY came in a distant second, and is even worse when it's used on a digital display. Something simple like Ariel or Helvetica - both proportional spaced sans-serif fonts make more sense as a default font anywhere.

Just saying..

Might you have a snippet of source code Custom CSS in Custom HTML that might work?

Posted By: aakash_softac on July 2, 2019, 11:47 am | Post: 3

Hi,
You will need to add a custom class through triple dots for the columns than in Custom HTML use

Code

<script>

.your_custom_class p{

font-family: Tahoma;

}

</script>

Do let us know if you need any other information.

-----------------------
Aakash Gupta
SitePad Developer

Follow us for faster updates
Twitter: https://twitter.com/sitepad_editor
Facebook: https://facebook.com/SitePad

Posted By: deilenberger on July 11, 2019, 4:14 pm | Post: 4

Where would I add that code, and how would it be referenced when developing a page?

THANKS!

Posted By: aakash_softac on July 16, 2019, 10:40 am | Post: 5

Hi,

You will need to assign a custom class to Image module i.e click on the widget open style tab and then in predefined styles add a class and then in Custom HTML you can add the CSS for your custom style
You can check the link here: https://sitepad.com/docs/enduser/image/#custom-style

For Adding your Custom CSS: https://sitepad.com/docs/enduser/add-css-using-custom-html/

Code

<script>

.your_custom_class p{

font-family: Tahoma;

}

</script>