namesilo最便宜的域名购买
如何在Astra主题中更改菜单字体大小

如何在Astra主题中更改菜单字体大小

如何在Astra主题中更改菜单字体大小

  Astra 以超轻量级、可定制、功能齐全且与流行的Web构建器软件(如 Elementor )非常兼容而闻名,Astra主题 是一个流行的WordPress主题,加载速度快,并且对移动设备友好。

如何在Astra主题中更改菜单字体大小

  Astra主题 适用于博客、个人作品集、商业网站或 WooCommerce 店面。本文晓得博客为你介绍如何在Astra主题更改菜单字体大小。

Astra主题内置菜单字体设置

  注意:使用 Astra 主题内置菜单字体设置的前提是安装并激活 Astra Pro 插件。

  1、转到“ 外观 ”->“ Astra选项 ”,激活“ 字体样式 ”

激活Astra-pro字体样式

  2、转到WordPress仪表盘,点击“ 外观 ”->” 自定义 “->” 页眉生成器 “->“ 主菜单 “

自定义设置字体大小

  3、点击“ Design ”,向下滚动,直到看到“ 菜单字体 ”选项。单击编辑图标。

设置菜单字体大小

  4、现在,在“ 大小 ”字段中设置所需的字体大小,在Astra中设置菜单字体大小后,点击“ 发布 ”更改即可。

  推荐:Astra主题如何添加自定义PHP代码?

使用CSS代码更改菜单栏字体大小

  Astra主题上字体大小继承从定制器全局部分下的排版配置的字体大小,需要自定义CSS代码来使字体大小菜单与您网站上的其他文本不同。在” 外观 “->” 自定义 “->” 额外CSS中 “中添加以下CSS代码,

使用CSS代码更改菜单栏字体大小
.main-header-menu .menu-link {
    font-size: 1.2em;
}

  如果您使用的是透明标题,请尝试下面的代码

.ast-theme-transparent-header .main-header-menu .menu-link {
    font-size: 1.2em;   
}

  推荐:如何将自定义CSS添加到WordPress网站

  总结

  以上是晓得博客为你介绍的怎么在Astra主题中更改菜单字体大小的全部内容,希望对你的WordPress建站有帮助,如有问题,欢迎留言探讨。

  推荐:Astra主题建站教程

给文章评分

晓得博客,版权所有丨如未注明,均为原创
晓得博客 » 如何在Astra主题中更改菜单字体大小

转载请保留链接:https://www.pythonthree.com/how-to-change-menu-font-size-in-astra/

ThemeForest 模板套件
可视化创建WordPress网站
Scroll to Top