Pregunta sobre Twenty Twelve de Wordpress:

El color de fondo del botón del menú de alternancia no se puede cambiar

Un usuario preguntó 👇

Hola

He estado usando un tema hijo para Twenty Twelve y estoy tratando de cambiar el color de fondo del botón del menú móvil para la navegación principal en la parte superior de la página. Busqué en Internet pero todavía no puedo hacerlo funcionar. Puedo hacer que el botón se vea semitransparente pero sin cambiar el color de fondo real (tampoco funcionará).

Este código no existe ahora porque no funcionará, así que estoy listo para él en este momento, pero este es el tipo de código que intenté usar …

.menu-toggle, .menu-toggle:active
{
   background-color: #ff99ff !important;
      }

He estado usando CSS durante años para poder entender el código, pero este botón es un misterio para mí.

¿Alguien puede ayudar?

(@alchymyth)

hace 1 año

el estilo de la imagen de fondo también se confirma para los botones; del tema theme.css:

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

Si hace clic con el botón derecho en «elemento de auditoría» o «auditoría» en su navegador, puede indicar el CSS real que se utiliza para el botón.

si probó SEC a continuación, podría haber funcionado:

.menu-toggle, .menu-toggle:active
{  background: #f9f!important; }

o intenta agregarle background-image: none; a su SEC:

.menu-toggle, .menu-toggle:active
{
   background-color: #ff99ff !important;
   background-image: none;
      }

Lanzador de hilos

(@toriaa)

hace 1 año

Está funcionando, ¡muchas gracias! Fue el gradiente lo que eclipsó todo. Ahora tengo un botón estilizado para que coincida con el diseño de mi blog.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *