Jimdo网站上图片标题文字字体的修改方法

      【提要】在Jimdo网站上编辑文章或写博客时,除了文字以外,还可以添加图片,可以添加“Widget/HTML”代码,以及其它Jimdo元素。对于图片,有时候想给它加个说明性的标题文字,但是在默认情况下,这些文字的字号明显比较小,显得比较难看。本文介绍一下修改这种标题文字字号的方法。

      在Jimdo网站上上传图片时,它的界面是这样的:

      如上图所示,在“小标题”一栏里,我们可以为图片写上一些说明性的文字,但是默认情况下,这些文字字号比较小,比较难看,如下图所示:

      用不同的浏览器测试,证明跟浏览器没有关系,在多种浏览器下都一样。经过研究,这部分的字体可以在CSS里进行修改和设置。

      在 main.css 文件里,查得这部分的设置为 .caption { font-size: 81%; }试着将其中的 81% 改为 100%这时再看文字,已经正常了。

      也就是说,对于自定义模板,我们可以在CSS里添加以下代码:

.caption { font-size: 100%; }

      对于系统模板,可以在“HEAD”里添加以下内容:

<style type="text/css">
<!--

.caption { font-size: 100%; }
-->
</style>

      此外,感兴趣的朋友,还可以对这部分进一步修改,比如设置字体名称、字号及风格等,都有效果。

PS:

      由于Jimdo系统升级,文中所述的类名“caption” 已更改为captionwithpadding”。

Write a comment

Comments: 9
  • #1

    独星 (Sunday, 10 October 2010 10:53)

    本月的第一个沙发~~~

  • #2

    网型网秀 (Sunday, 10 October 2010 14:23)

    呵呵,这只是个简单的修改。邻居可以研究下飞帆的后台,目前还处于测试阶段,联系Jimdo的后台系统,开发新的功能,如:博文搜索等。

  • #3

    网上邻居 (Sunday, 10 October 2010 17:30)

    网型网秀:
    呵呵,本文的内容确实很简单。有时候浏览Jimdo网站,发现点什么问题,做个试验就写了出来,没有刻意去追求什么。
    说到飞帆团队,好象他们是专业人员,大概看过他们的网站。他们的那些功能基本上都是通过JavaScript实现的,没有系统学习过JS知识,并且熟练运用的话,是做不出那些的。

  • #4

    网型网秀 (Sunday, 10 October 2010 22:36)

    都是业余的,只不过研究得久点而已。你只是对JS不熟悉,多看几次就清楚了。

  • #5

    淘宝600家园 (Tuesday, 12 October 2010)

    呵呵,过来学了~~~~~,最近想改版,诸葛兄送我一个模块,觉得挺好试用了一下,正在测试中.....如邻居有时间看看给点改进意见~~~~~

  • #6

    网上邻居 (Wednesday, 13 October 2010 00:10)

    淘宝600家园:你好!
    那个模板在博客中是相当流行的,我也曾经用过,就是侧栏的内容,在Jimdo上很难自动调用一些最新留言之类的内容,不过你是做淘宝的,加些广告也挺不错。

  • #7

    一路发发减肥网 (Sunday, 07 November 2010 23:02)

    不错,支持一下~~~

  • #8

    u=229105 (Saturday, 27 April 2013 15:12)

    This is a great article! Thank you for sharing with us!

  • #9

    MCM iPhone 6 Cases (Wednesday, 06 April 2016 17:04)

    The new f1.7 aperture is a big advantage for both the front- and rear-facing cameras, especially in low light situations. Samsung's camera app is also faster, thanks to a combination of the ability to launch the app via the home button and lightning-quick autofocus.