更改wordpress页面下拉列表中的字体大小

时间:2018-07-24 23:27:34

标签: wordpress fonts menu size dropdown

我有这个下拉列表,它链接到网站上的各个页面  http://www.daguerreiansociety.org/join-us/[page,其中存在下拉菜单] [1]

<h4><span style="color: #660000;">Types of Membership:</span></h4>
<h4>Select Membership Type to Join:<select name="menu1">
<option value="http://www.daguerreiansociety.org/student">Select Membership Type</option>
<option value="http://www.daguerreiansociety.org/student">Student Membership</option>
<option value="http://www.daguerreiansociety.org/collector-dealer-membership">Collector / Dealer Membership</option>
<option value="http://www.daguerreiansociety.org/institutional-library-membership">Institutional / Library Membership</option>
<option value="http://www.daguerreiansociety.org/supporting-membership">Supporting Membership</option>
<option value="http://www.daguerreiansociety.org/preferred-membership/">Preferred Membership</option>
<option value="http://www.daguerreiansociety.org/premier-membership/">Premier Membership</option>
</select>
<script type="text/javascript">
 var urlmenu = document.getElementById( 'menu1' );
 urlmenu.onchange = function() {
      window.open( this.options[ this.selectedIndex ].value );
 };
</script></h4>


  [1]: http://%20http://www.daguerreiansociety.org/join-us/

我想增加字体大小,因为页面上的字体很小。

1 个答案:

答案 0 :(得分:0)

  1. 转到您的Wordpress仪表板。
  2. 点击左侧菜单,然后点击“外观”
  3. 出现新菜单时,单击“编辑CSS”。
    • 这将带您进入一个页面,该页面具有主要主页,并在顶部带有“定制其他CSS”的侧边栏,并且空白的空白编码空间占据了页面的大部分空间。转到此页面时,可能会弹出一个窗口,您可以将其关闭。
      • 您的网页在这里处于活动状态,因此请浏览页面以查看将在下面进行的字体更改。

通过检查器查看您的站点,使用标记创建菜单。

  • 注意:您可以通过单击(Cmd + Shift + i)来访问Chrome中的检查器。

基于此,您可以将特定样式添加到select标签。将以下内容添加到左侧的空白编码框中。 '??'是您想要的字体大小:

select {
    font-size: ??px;
}