Fórum OpenCart Brasil

[Kreinski Igor]

Estou usando a versão 2.1.0.2, quero colocar o menu na pagina inicial do site, igual ao site http://www.graficarapidix.com.br como faço essa mudança no meu site www.carimbos2001.com.br .

[veteranodf]

Pelo jeito já solucionou esse problema, caso sua necessidade for mudar cor de fundo, texto etc deve modificar o arquivo "catalog/view/theme/default/stylesheet/stylesheet.css" classe navbar-header e suas herdeiras;

[Kreinski Igor]

Veteranodf, ainda não alterei porque não sei fazer alteração, alguem pode ajudar?

[veteranodf]

Se você esta falando do menu horizontal substitua as classes css depois de /* menu */ até antes de /* content */ encontradas no arquivo que informei acima pelo pelas classes abaixo;

Código: Selecionar todos

/* menu */
#menu {
	background-color: none;

	background-image: linear-gradient(to top, #FF9900,#FF6600);

	background-repeat: repeat-x;
	border-bottom: 4px solid #FFFFFF;
	min-height: 50px;
}
#menu #home{
    background: #FFCC00;
    margin-left: -15px;
    padding-left: 10px;
}
#menu .fa-home {
  margin-right: 10px;
  font-size: 20px;
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 15px 16px 15px 16px;
	min-height: 15px;
	background-color: transparent;
    font-size: 15px;
}
#menu .nav > li + li{
    border-left: 0px solid #fff;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color:none;
    color: #333;
}
#menu .dropdown-menu {
	padding-bottom: 0;
    padding-top: 0px;
    background: #333;
}
#menu .dropdown-inner {
	display: table;
    margin-bottom: 0px;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 220px;
	display: block;
	padding: 6px 20px;
	clear: both;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
}
#menu .dropdown-inner li a:hover {
	color: #888;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
    color: #fff;
}
#menu .see-all:hover {
    color: #999;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #CFCFCF;
	background-color: ;
	background-image:;
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: none;
	background-image: linear-gradient(to bottom, none);
	background-repeat: repeat-x;
	border-color: none;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #CFCFCF;
	background-color: none;
}