【问题标题】:Wordpress Navigation Menu ImageWordpress 导航菜单图像
【发布时间】:2015-12-13 19:40:08
【问题描述】:

我刚刚开始学习一些 CSS,并且已经能够在 Wordpress 上自定义很多免费主题,但我完全坚持在导航菜单文本后面获取自定义图像。我使用的主题是 Retrotale,并没有从作者或其他论坛听到任何消息。

我在旧主题上有相同的菜单,CSS 显示它使用的是 Genesis 主题。图片是http://caffeinatedandcreative.com/wp-content/uploads/2015/08/Navtrial.png 我已经尝试寻找适合我的新主题的正确编码,因为旧代码似乎不起作用,因为我不确定新主题是否是创世纪主题,我不确定在哪里制作变化。

我尝试在编辑器的随机位置添加它,并且还使用了自定义 CSS 插件。出于某种原因,当我使用自定义 CSS 插件时,我输入的任何 CSS 似乎都无法正常工作,但是在直接编辑主题编辑器进行编辑时,会进行更改。

.genesis-nav-menu {
	clear: both;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 12px;
	text-transform: uppercase;
	line-height: 5;
	width: 100%;
	text-align: right;
	padding: 0px 0 0px;
	margin: 0 auto;
border: 0px solid #000;

border: radius 10px;
	background: url('http://caffeinatedandcreative.com/wp-content/uploads/2015/08/Navtrial.png');
	background-size: 1200px 100px;
	background-repeat: no-repeat;
	max-width: 1000px;


}
#container,
#container-title,
.top-navigation {  
  margin: 0 auto;
  max-width: 1170px;
  position: relative;
  width: 100%; 

.genesis-nav-menu {
	clear: both;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 12px;
	text-transform: uppercase;
	line-height: 5;
	width: 100%;
	text-align: right;
	padding: 0px 0 0px;
	margin: 0 auto;
border: 0px solid #000;

border: radius 10px;
	t 
	background-size: 1200px 100px;
	background-repeat: no-repeat;
	max-width: 1000px;

}

谢谢!

肖娜

【问题讨论】:

  • 看我的回答!有效果吗?

标签: css wordpress menu navigation


【解决方案1】:

尝试添加!important 以覆盖现有样式。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-11-12
    • 2012-09-18
    • 2019-09-08
    • 2014-10-11
    • 2017-03-30
    • 2012-12-11
    相关资源
    最近更新 更多