[英]HTML: Change the font size of the Blogger Post Title
I tried a new theme for my blogger ( http://alstat.blogspot.com/ ). 我为博客作者尝试了一个新主题( http://alstat.blogspot.com/ )。 Everything was fine, except for the post title.
除了帖子标题,一切都很好。 When I'm in the home page of my blog I got this large text post title , but when I click on one of my post, the post title font changes and the size of it becomes small .
当我进入博客的主页时,我得到了这个大文本文章标题 ,但是当我单击其中一个文章时,文章标题字体会更改,并且它的大小会变小 。 The theme is actually available here ( http://btemplates.com/2010/blogger-template-heliumified/ ).
该主题实际上可在此处找到( http://btemplates.com/2010/blogger-template-heliumified/ )。 I played around the css code, and tried to edit the following.
我玩过CSS代码,并尝试编辑以下内容。 I tried changing the
.post h3 a,.post h3 a:visited,.post h3 strong
to .post h2 a,.post h2 a:visited,.post h2 strong
, and this . 我尝试将
.post h3 a,.post h3 a:visited,.post h3 strong
更改为.post h2 a,.post h2 a:visited,.post h2 strong
和this。 post h3 a,.post h3 a:visited,.post h3 strong
. post h3 a,.post h3 a:visited,.post h3 strong
。 Nothing happened, And the other lines of codes I also tried to modify it to see if there is changes. 什么也没发生,其他代码行我也尝试对其进行修改,以查看是否有更改。 The part of the codes for post section of the HTML file were I played around is shown below.
下面显示了我玩过的HTML文件的post部分代码的一部分。 I really appreciate if anyone of you can help me on this.
我真的很感激你们中的任何一个可以帮助我。 BTW, I'm beginner on HTML.
顺便说一句,我是HTML的新手。 Thanks!
谢谢!
.post {
margin:0 0 25px;
}
.post h3 a,.post h3 a:visited,.post h3 strong {
display:block;
color:#333333;
font-family:Cuprum, arial, serif;
font-size:30px;
line-height:1.3;
text-decoration:none;
}
.post h3 strong,.post h3 a:hover {
color:#333333;
}
In your Home Page your post tilte is in "a" tag which has font-size:30 while in your detail page title is not in "a" tag. 在您的主页中,帖子倾斜位于“ a”标记中,该标记的字体大小为:30,而在详细信息页面中,标题则不在“ a”标记中。
Furthermore your css classes of title (ie post-title and entry-title) is not defined or you didnt link those files properly. 此外,您的css标题类别(即后标题和条目标题)未定义,或者您未正确链接这些文件。
Solution : 解决方案 :
Seems there are two classes being applied to your title: "post-title" and "entry-title" 似乎有两个类应用于您的标题:“后标题”和“条目标题”
Try inspecting and changing those and see what comes up :) 尝试检查和更改这些内容,然后看看会发生什么:)
I also recommend if you are beginner using Google Chrome's Inspect Element for finding errors and for seeing what styles are being applied to what sections 如果您是初学者,也建议您使用Google Chrome浏览器的Inspect Element查找错误并查看将哪些样式应用于哪些部分
go to->Template-> edit html-> tick on Expand Widget templates-> Ctrl+F search for .post h3{ or .post h3 { ,..... This is only one time in the overall blog code. 转到->模板->编辑html->在扩展小部件模板上打勾-> Ctrl + F搜索.post h3 {或.post h3 {,.....这只是整个博客代码中的一次。 And edit the font size at that line.
并在该行编辑字体大小。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.