Wordpress导航菜单图像

时间:2015-09-17 02:43:06

标签: css wordpress menu navigation

我刚刚开始学习一些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;

}




谢谢!

肖纳

1 个答案:

答案 0 :(得分:0)

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