Pregunta sobre OceanWP de Wordpress:

Cambiar el relleno de fondo para los elementos del menú

Un usuario preguntó 👇

Me gustaría que los elementos del menú «Comprar» y «Contacto» se vean como botones. Con ese fin, a través de Apariencia-> menú-> clase CSS, creé la clase CSS para cada ‘buy-navmenu’ y ‘contact-navmenu’. Agregué el siguiente código CSS personalizado. Sin embargo, se requiere algo de espacio entre los dos elementos del menú y la altura del color de fondo es demasiado alta y debe reducirse. Infórmese sobre los cambios en el código que solo se pueden espaciar con estos dos elementos del menú y cómo reducir la altura del color de fondo solo para estos dos elementos del menú.


.buy-navmenu{
  background:#2905a1;
border-radius: 10px;
}

.buy-navmenu a{
  color:#ee1f23 !important;
  font-weight: 900 !important;
}

.buy-navmenu a:hover{
  color:#13aff0 !important;
  font-weight: 900 !important;
}

.contact-navmenu{
  background:#6C6F70;
border-radius: 10px;
}

.contact-navmenu a{
  color:#2905a1 !important;
  font-weight: 900 !important;
}

.contact-navmenu a:hover{
  color:#13aff0 !important;
  font-weight: 900 !important;
}

Autor del tema

(@oceanwp)

Hace 2 años, 7 meses

Hola, ¿te gustaría hacer algo como esto? https://store.oceanwp.org
Si es así, simplemente agregue la clase «btn» a los elementos de su menú.

Lanzador de hilos

(@ inj9nhs3fhpabx4)

Hace 2 años, 7 meses

Sí, eso es lo que parece, excepto que necesita dos botones de un color diferente. Además, quiero que estos dos botones permanezcan como elementos de menú del menú de encabezado principal, en el widget del menú de pie de página y en los menús móviles. ¿Cuál es la sintaxis para cambiar el nombre de ambas clases a btn? ¿Es para agregar un apéndice -btn a la clase?

¿Qué necesita cambiar a continuación?

.buy-navmenu-btn{
  background:#2905a1;
border-radius: 10px;
}

.buy-navmenu-btn a{
  color:#ee1f23 !important;
  font-weight: 900 !important;
}

.buy-navmenu-btn a:hover{
  color:#13aff0 !important;
  font-weight: 900 !important;
}

Gracias por tu ayuda. Además, ¿hay alguna forma de atornillar / hacer flotar uno de estos botones?

Lanzador de hilos

(@ inj9nhs3fhpabx4)

Hace 2 años, 7 meses

Todo lo que tuve que hacer fue poner ‘btn’ antes de ‘buy-navmenu’ para el nombre de la clase. Gracias por la ayuda.

Autor del tema

(@oceanwp)

Hace 2 años, 7 meses

Si 🙂

¿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 *