萧涵主题如何修改为文字logo?

建立一个wordpress站点,选用一款合适的主题十分重要。的经过一番对比,本博客决定使用萧涵的wordpress主题,这个主题功能强大,颜色搭配我也比较喜欢,不过唯一不爽的一点就是替换图片logo太麻烦,需要下载logo设计图的psd源文件,用Photoshop处理之后再另存为gif图片才行,虽说我使用Photoshop也算是比较熟练了,但我不认为凭着自己少的可怜的美感可以设计出多么漂亮的logo来,相比之下,还是使用文字logo更加靠谱一些。

经过研究萧涵主题的style.css文件,我发现要修改为文字logo还是比较容易的。首先来看一下css对于logo的定义:

#blog_title h1 a{color:#fff;height:108px;width:200px;font-size:0;text-indent:-9999px;background:url(images/bg.gif) left top no-repeat;display:block;}

这里通过将字体大小设置为0,并且将文字左缩进到了-9999px,然后再通过background定义图片logo的地址,这样我们看到的就是一个图片logo,而看不到文字logo。

我们可以这样进行简单的修改:

#blog_title h1 a{color:#fff;height:108px;width:200px;font-size:20px;text-indent:0px; display:block;}

将文字大小设置为20px,缩进0,同时去掉背景图片,这样就将图片logo修改为文字logo了。

为了页面看起来更加美观,还可以根据自己的需要对代码进行一些微调,使之符合自己的需要。

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/250251.html

(0)
上一篇 2022年4月29日
下一篇 2022年4月29日

相关推荐

发表回复

登录后才能评论