如何使RSS链接变粗?

时间:2013-08-05 19:38:33

标签: css text rss

在我的博客页面上,我有一些表格文字说“在读者中订阅”。我希望这与上面的文字“通过电子邮件订阅:”相同的重量/字体/大小/等等。我还想添加一个水平线来划分表格的这两个部分。

http://jeffreydowellphotography.com/blog/ [代码]

<p><a Style="padding-left: 13px;" href="feeds.feedburner.com/Blog-JeffreyDowellPhotography"; rel="alternate" type="application/rss+xml"><img src="//feedburner.google.com/fb/images/pub/feed-icon16x16.png" alt="" style="vertical-align:middle;border:0"/></a>&nbsp;<a href="feeds.feedburner.com/Blog-JeffreyDowellPhotography"; rel="alternate" type="application/rss+xml">Subscribe in a reader</a></p>

1 个答案:

答案 0 :(得分:1)

对于字体问题,请将<a>标记设为idclass,然后使用CSS设置样式。这是一个例子:

HTML

<a href="..." rel="alternate" type="application/rss+xml" id="rss_link">
  Subscribe in a reader
</a>

CSS

#rss_link {
  font-weight: 700;
}

要添加边框,您还需要将idclass提供给包含RSS链接的<p>元素,然后使用以下内容应用边框:

HTML

<p id="my_border">
  <a style="padding-left: 13px;" href="..." rel="alternate" type="application/rss+xml">
    <img src="..." alt="" style="vertical-align:middle;border:0">
  </a>&nbsp;
  <a href="..." rel="alternate" type="application/rss+xml">
    Subscribe in a reader
  </a>
</p>

CSS

#my_border {
  border-top: 1px solid #000000;
}

更新

要定位“在阅读器中订阅”文字,请使用以下内容:

.sqs-block-content p a {
  font-weight: 700;
}

要添加边框,请使用以下内容:

.sqs-block-content form {
  border-bottom: 1px solid #000000;
}

现在,我不知道其他页面上HTML的其余部分是什么,因为这些是类,其他元素可能会受到上述CSS的影响。留意任何不必要的变化......