文本仅调整部分内容的大小

时间:2013-03-05 16:13:09

标签: javascript css wordpress

我在wordpress网站上添加了一些javascript来调整文本大小。它似乎只对某些内容起作用(即标题和电子邮件注册)。

http://test.hestiacare.co.uk/

知道如何将其应用于所有内容吗?

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
  // Reset Font Size
  var originalFontSize = $('html').css('font-size');
    $(".resetFont").click(function(){
    $('html').css('font-size', originalFontSize);
  });
  // Increase Font Size
  $(".increaseFont").click(function(){
    var currentFontSize = $('html').css('font-size');
    var currentFontSizeNum = parseFloat(currentFontSize, 10);
    var newFontSize = currentFontSizeNum*1.2;
    $('html').css('font-size', newFontSize);
    return false;
  });
  // Decrease Font Size
  $(".decreaseFont").click(function(){
    var currentFontSize = $('html').css('font-size');
    var currentFontSizeNum = parseFloat(currentFontSize, 10);
    var newFontSize = currentFontSizeNum*0.8;
    $('html').css('font-size', newFontSize);
    return false;
  });
});
</script>

1 个答案:

答案 0 :(得分:0)

style.css

中可能与此有关
.entry-content {
    font-size: 13px;
}

如果我对此进行评论,正文文本会根据其他所有内容进行调整。如果还有其他内容没有调整大小,您可能需要找到类似像素大小的条目。