居中对齐标题菜单:Wordpress(Avada 主题)自定义 CSS

     2023-03-05     198

关键词:

【中文标题】居中对齐标题菜单:Wordpress(Avada 主题)自定义 CSS【英文标题】:Align Header Menu in the center: Wordpress (Avada Theme) Custom CSS 【发布时间】:2016-12-26 06:08:39 【问题描述】:

在我的网站 (www.eibenhof.at) 上,我希望顶部的标题菜单位于中间,目前它位于右侧。 (我还将删除徽标,以便只有文本位于中心)。但是,没有选择 Avada 主题将其置于中心位置。

首先,我试图在 Avada 论坛中查找我可以使用的特定自定义 CSS 代码,我发现了这个:

.fusion-main-menu float:none !important;
.fusion-main-menu > ulfloat:none !important; text-align:center !important;
.fusion-main-menu > ul > li,.fusion-main-menu > ul > li > afloat:none !important; display:inline-block !important;
.fusion-main-menu > ul ultext-align:left !important;

但是,此代码对我不起作用。它把一切都放在中心,但它把一切都搞砸了!然后我尝试只使用“display:inline”而不是“display:inline-block”,它看起来还不错,但是我不能再点击子菜单项了。

帮助?我将不胜感激!

【问题讨论】:

我很确定 Avada 主题已经有一个设置,您可以将导航移动到中心.. 不,不幸的是 【参考方案1】:

添加css这个类

.fusion-headertext-align:center;
.fusion-main-menu
float:right;/*remove this property*/
/* or */
float:inherit;
display:inline-block;


.fusion-is-sticky .fusion-sticky-menu-1 .fusion-sticky-menu 
    display: inline-block;

【讨论】:

太棒了!谢谢。第一个: .fusion-headertext-align:center; .fusion-main-menu float:right; .fusion-is-sticky .fusion-sticky-menu-1 .fusion-sticky-menu display: inline-block; 不工作!但是第二个版本 (.fusion-headertext-align:center; .fusion-main-menu float:inherit; display:inline-block; .fusion-is-sticky .fusion-sticky-menu-1 。 fusion-sticky-menu display: inline-block; 做到了!还有一件事:我希望子菜单中的文本仍然向左对齐,而不是在中心 - 这怎么可能?跨度> 添加这个css .sub-menu li a text-align: left; 好的,谢谢,那行得通。还有一件事:一旦我应用代码 - 子菜单不再与主菜单完全对齐,它有点在主菜单内,而不是完美地连接到它。这是为什么呢?

我正在尝试使菜单居中对齐

...:2021-10-1720:57:51【问题描述】:我是CSS的新手。我通过玩WordPress主题的代码来学习。上次我发布了这个问题,但我感染了新冠病毒并住院了两个多星期。我删除了旧问题并将最初的问题分成两部分。这是第一部分。删除左侧的站... 查看详情

WordPress/Avada 网站未在 XAMPP 中加载

】WordPress/Avada网站未在XAMPP中加载【英文标题】:WordPress/AvadawebsitenotLoadinginXAMPP【发布时间】:2017-05-1016:45:24【问题描述】:所以我一直在尝试进入一个我应该在工作的WordPress网站的管理仪表板,但由于某种原因,我的XAMPP/phpMyAd... 查看详情

Wordpress 菜单居中,如何更改?

】Wordpress菜单居中,如何更改?【英文标题】:Wordpressmenuiscentered,howtochangethat?【发布时间】:2017-11-3002:41:52【问题描述】:我的网站是http://www.jokerleb.com我希望右列在右边,左列在左边。所有列之间的边距必须相同。总之,我不... 查看详情

Wordpress Avada:Css 在移动设备上不起作用

】WordpressAvada:Css在移动设备上不起作用【英文标题】:WordpressAvada:CssdoesntworkonMobile【发布时间】:2021-11-0823:46:30【问题描述】:我写了一个CSS代码来修改文本。我在“自定义css”中填写了代码。它在桌面上完美运行,但在移动... 查看详情

如何居中对齐水平 <UL> 菜单?

】如何居中对齐水平<UL>菜单?【英文标题】:HowdoIcenteralignhorizontal<UL>menu?【发布时间】:2011-02-2108:44:06【问题描述】:我需要居中对齐水平菜单。我尝试了各种解决方案,包括inline-block/block/center-align等的组合,但都没... 查看详情

如何在 Avada 主题中插入 jQuery 代码?

...【发布时间】:2016-09-1307:20:56【问题描述】:我想在我的Wordpress主题(Avada)中插入一个简单的jQuery代码,likethis:$(function()$("#tabs").tabs(show:effect:"blind",direction:"right",duration: 查看详情

如何使导航菜单中的文本居中

】如何使导航菜单中的文本居中【英文标题】:Howtocentertextinnavigationmenu【发布时间】:2022-01-1711:38:01【问题描述】:我想将导航菜单中的文本与左侧的徽标对齐,使其垂直居中。现在,它与顶部对齐,这是我不想要的。我尝试... 查看详情

无序列表不会居中对齐

】无序列表不会居中对齐【英文标题】:UnorderedListWon\'tCenterAlign【发布时间】:2015-01-1710:52:29【问题描述】:h1似乎没有问题居中,但是,列表(菜单栏)不会对齐,它似乎有点缩进。请解释一下。我的HTML:<h1>Welcome!</h1&g... 查看详情

在 Elementor / Wordpress 中居中下拉菜单

】在Elementor/Wordpress中居中下拉菜单【英文标题】:CenteringthedropdownmenuinElementor/Wordpress【发布时间】:2018-10-1913:50:33【问题描述】:请您帮我将父菜单中的下拉菜单居中,我在wordpress中使用Elementor。我尝试了这个css代码,但它什... 查看详情

下拉菜单未显示和导航未居中

】下拉菜单未显示和导航未居中【英文标题】:DropDownsNotShowing&NavNotCentered【发布时间】:2012-08-0721:26:12【问题描述】:示例:http://www.studentbridges.org/new/我试图让我的导航栏跨越网页顶部,并且我让Nav的div跨越网页,但是当我... 查看详情

用于菜单导航的居中文本/div

】用于菜单导航的居中文本/div【英文标题】:Centeringtext/divformenunavigation【发布时间】:2014-08-0411:45:07【问题描述】:首先——这是我网站的link,您可以在其中看到主导航更靠左对齐的问题。我希望将元素放在标题的空白处。这... 查看详情

#menu div 中的垂直居中 UL 菜单和 IMG

】#menudiv中的垂直居中UL菜单和IMG【英文标题】:VerticalcenterULmenuandIMGina#menudiv【发布时间】:2014-11-1710:27:08【问题描述】:很抱歉问了一些已经解释过很多的问题,但是到目前为止我在***上看到的所有解决方案都没有真正适合我... 查看详情

如何将此 Wordpress 图片标题与图片顶部对齐?

】如何将此Wordpress图片标题与图片顶部对齐?【英文标题】:HowcanIalignthisWordpressimagecaptionwiththetopoftheimage?【发布时间】:2015-10-0522:21:03【问题描述】:我正在编写一个Wordpress主题。我希望将我添加到主题中图像的标题拉到图像... 查看详情

word文字怎么垂直居中?

请问word文字怎么垂直居中?参考技术A操作步骤/方法1.点击右上方菜单栏中的段落,对齐方式选择居中。2.取消选择如果定义了文档网格啧对其到网格。3.全选然后右键选择表格属性-单元格里选择居中。4.根据以上步步骤就可以设... 查看详情

大标题,居中对齐

】大标题,居中对齐【英文标题】:Largetitle,centeralignment【发布时间】:2018-02-1106:46:49【问题描述】:我尝试在大标题模式下将标题居中,但该代码不影响。在AppDelegate中:funcapplication(_application:UIApplication,didFinishLaunchingWithOptionsla... 查看详情

怎样使excel文字居中excel文字居中操作方法介绍

参考技术A1、打开要设置位置居中的excel表格。2、在打开的excel表格,选定在设定居中的单元格,鼠标右键找到“设置单元格格式”点开。3、在弹出的工具框主菜单上中找到“对齐”点击,在“水平对齐”与“垂直对齐”中都选... 查看详情

如何居中对齐数据表标题

】如何居中对齐数据表标题【英文标题】:Howtocenteraligndatatablesheader【发布时间】:2016-10-2915:00:41【问题描述】:我是数据表的新手。当我制作表格标题时,它总是左对齐。如何将标题设置为居中对齐?我已经阅读了datatables.net/m... 查看详情

excel表格中怎样使文字居中

excel表格中输入文字后怎样使文字上下左右都居中材料/工具:Excel20101、打开要设置位置居中的excel表格2、在打开的excel表格,选定在设定居中的单元格,鼠标右键找到“设置单元格格式”点开3、在弹出的工具框主菜单上中找到... 查看详情