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

Question

我有这个下拉列表，它链接到网站上的各个页面  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/

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

Answer 1

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

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

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

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

select {
    font-size: ??px;
}