Changing board text to an image

[tullander]

thejethrotullboard.proboards.com/

I would like to replace the links that state each of my board names with images in order to use a more decorative font.  Could someone show me where I can find that code to make that type of change?

Thanks very much.

[N A T]

tullander,

if you just want nicer fonts for your board titles, I wouldn't do it by inserting images. Instead of images for all board names, you could just get the Google Web Font plugin, then select some fancy fonts you like on the Google Web Font homepage, and then install them via the plugin. Once done, you can just change the board titles font in the Visual Theme Editor.

If you really want images, I believe you'd have to go into Admin -> Structure -> Categories & Boards and then double-click on the board to set the Display Name to an image by inserting this code:

[img]IMAGE URL HERE[/img]

[tullander]

Jun 23, 2014 20:22:05 GMT -8 N A T said:

tullander,

if you just want nicer fonts for your board titles, I wouldn't do it by inserting images. Instead of images for all board names, you could just get the Google Web Font plugin, then select some fancy fonts you like on the Google Web Font homepage, and then install them via the plugin. Once done, you can just change the board titles font in the Visual Theme Editor.

If you really want images, I believe you'd have to go into Admin -> Structure -> Categories & Boards and then double-click on the board to set the Display Name to an image by inserting this code:

[img]IMAGE URL HERE[/img]

I'm going to try the google plugin you are suggesting.  I'm just not familiar with but I'll see if I can make that happen.  Thanks very much!

[N A T]

No problem, tullander. It is very easy to use. You literally just pick fonts on the Google Web Fonts website and then type the font names into the plugin. The plugin installs the chosen fonts on the forum so they will work for everyone. To then use the font for your boards, you just gotta go into Admin -> Themes -> Visual Editor & CSS -> Visual Editor and then to Body (Content) -> Containers -> Content Area Containers -> Text -> Links and in the Links section, you type in the font name in the Font Family selector.

To use the font in posts, use this code once the font's installed and replace the FONT NAME HERE with your font's name and the size with a number from 1 through 6 to make it smaller / bigger:

[font face="FONT NAME HERE" size="6"]text here[/font]

[tullander]

Thank you n a t i s r a d, I have two questions. Is there a specific Plug-In I need to install? If so, could you direct me to that Plug-in?

Also, where do I enter the font face and size info?

Thanks again.

[N A T]

Yes, tullander,

for special fonts, you need the Google Web Fonts Plugin.

Once installed, you can enter the names of the Google Fonts you chose there and then they will be ready to use. If you want to use the new fonts to change your links like you asked earlier on, please refer to my post above to know where to type in the font face and size. And if you want to use the font in post, use the code above and just replace the 'text here' with the words you'd like in the new font face.

[tullander]

Thank you very much!

[N A T]

Welcome.