Question

我创建了一个名为SANDUSKY的自定义菜单，没有悬停作为css类。它与HOME，ABOUT，GALLERY，STORE，CONTACT对齐，这些是导航菜单。我想自定义SANDUSKY，我能够改变颜色和字体，但我无法增加或使其变大，尺寸与导航菜单相同。

以下是我使用的代码。

.no-hover a:link {
  color: none !important;
  font-size: 50px;
}

.no-hover a:visited {
  color: none !important;
}

.no-hover a:hover {
  background-color: transparent !important;
}

.no-hover a:active {
  color: none !important;
}

.no-hover {
  position: absolute;
  left: -70px;
  font-family: lucida handwriting;
  font-weight: bold;
  font-style: italic;
}

<li id="menu-item-815" class="no-hover menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-815"><a href="link">SANDUSKY</a></li>

Answer 1

font-size: 14px;＆amp; font-size: 16px;我在下面的代码中更改了这两个字体大小

.no-hover a:link {
  color: blue !important;
  font-size: 150px;
}
.no-hover a:visited{
  color: none !important; 
}
.no-hover a:hover {
  background-color: transparent !important;  
}
.no-hover a:active{
  color:  none !important;
  font-size: 130px;
}
.no-hover {
  position: absolute; 
  left: -100px;
  font-family: lucida handwriting;
  font-weight: bold;
  font-style: italic;
  font-size: 50px!important;
}

<li id="menu-item-815" class="no-hover menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-815"><a href="#">SANDUSKY</a></li>

无法更改自定义链接菜单的字体大小

1 个答案: