Como adicionar linhas ao menu de navegação no WordPress

  • Autor Autor AdrianT95
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
A

AdrianT95

Curioso
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola,

Estoy tratando de añadir dos rayas en el menú de navegación de mi sitio Wordpress para que se vea más o menos así:

c3JfDZr.webp

Tengo conceptos de CSS y HTML, y por eso lo estoy intentando hacer mediante código CSS. He intentado crear un <div> dentro del header.php (se supone que es el archivo dónde contiene las etiquetas para la cabecera) y he añadido lo siguiente:

Inserir CODE, HTML ou PHP:
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
	<div class="outer" id="top">
		<?php do_action( 'cpotheme_before_wrapper' ); ?>
		<div class="wrapper">
			<div id="topbar" class="topbar">
				[COLOR="#FF0000"][B]<div id="menu280848" class="menu280848"></div>[/B][/COLOR]
				<div class="container">
					<?php do_action( 'cpotheme_top' ); ?>
					<div class="clear"></div>
				</div>
			</div>
			<header id="header" class="header">
				<div class="container">
					<?php do_action( 'cpotheme_header' ); ?>
					<div class='clear'></div>
				</div>
			</header>
			<?php do_action( 'cpotheme_before_main' ); ?>
			<div class="clear"></div>

Y la propia plantilla, tiene un editor CSS en el cuál se le puede añadir código CSS. Pero tras añadir lo siguiente no me aparece en ningún sitio de la página:

Inserir CODE, HTML ou PHP:
#menu280848 {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 100px;
	height: 100px;
	background-color: green;
}

O1z0c7u.webp

Veo que el WordPress no ofrece mucha flexibilidad en este aspecto a diferencia de si fuera una página desde 0 (creada con HTML y CSS), pero me interesa hacer la web con WordPress. Alguna idea de cómo poder lograr esto?

Gracias de antemano!
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Hola!

Prueba con esto:

HTML:
#menu280848 {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
 
Hola, gracias @SEO Wolf. Acabo de añadir ese CSS pero nope, tampoco muestra nada:

tJDHN6x.png


Lo que yo pienso es que tal vez la plantilla no me está cogiendo el <div> que yo le puse en el header.php ya que el código CSS está bien, si lo probara en una página desde 0 funcionaría, pero con Wordpress parece que es más difícil...
 
Voltar
Topo