简体   繁体   English

HTML:更改Blogger帖子标题的字体大小

[英]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 : 解决方案

  • Try to link the file. 尝试链接文件。 If it exist. 如果存在。
  • or give a new css class which have the property font-size:30 或提供一个具有属性font-size:30的新CSS类

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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM