• Mgr10

    (@mgr10)



    Hola a todos,

    estoy modificando el skin del menú de filtros de este blog. He puesto todos los botones con el mismo aspecto pero el boton de buscar no tiene este aspecto ya que no lo he aplicado en el código porque no consigo saber con que nombre debería nombrarlo.

    El codigo es este:

    .blog_skin .esg-selected-filterbutton,
    .blog_skin .esg-filterbutton,
    .blog_skin .esg-navigationbutton,
    .blog_skin .esg-sortbutton,
    .blog_skin .esg-cartbutton a{ 
    								color:#595E45;
    								margin-right:5px;
    								cursor:pointer;
    								padding:1px 12px;
    								border:1px solid 
                                                                    #E0E0E0;
    								line-height:38px;
    								border-radius:20px;
    								-moz-border- 
                                                                    radius:30px;
    								-webkit-border- 
                                                                    radius:30px;
    								font-size:12px;
    								font-weight:700;
    								font-family:"Open 
                                                                    Sans",sans-serif;
    								display: inline-block;
    								background:#ffffff;
    								margin-bottom:5px;
    							  }

    Gracias,
    Un saludo.

    • Este debate fue modificado hace 5 meses por  Fernando Tellado. Razón: Etiquetado del código

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 3 respuestas - 1 de 3 (de 3 total)
  • Moderador almendron

    (@almendron)

    La regla que ahora mismo se aplica al botón “Buscar” es

    #menu-item-12770 > a > span > form > input[type="submit"]:nth-child(2) {
    	color: white;
    	background: #afb449;
    	border-radius: 3px;
    	border: 2px solid #a1a943;
    	padding: 2px;
    }

    Gracias almendron,
    El codigo no me esta funcionando.
    Es el código del menú de filtrado utilizando esencial grid.

    Lo he aplicado de la siguiente manera :

    .blog_skin .#menu-item-12770 > a > span > form > input[type=”submit”]:nth-child(2) {
    color: white;
    background: #afb449;
    border-radius: 3px;
    border: 2px solid #a1a943;
    padding: 2px;
    }

    Moderador almendron

    (@almendron)

    Si te refieres al menú superior (Categorías, ofertas, etc), yo no veo que coja “.blog_skin” en ningún elemento de dicho menú.

    Hazlo más sencillo. Apariencia > Personalizar > CSS adicional y allí añades

    #menu-item-12770 > a > span > form > input[type="submit"]:nth-child(2) {
    	color: white;
    	background: #afb449;
    	border-radius: 3px;
    	border: 2px solid #a1a943;
    	padding: 2px;
    }

    Cambia las propiedades o valores a tu gusto. Si no te funcionaran los cambios añade !important.

    Ejemplo: color: white !important;

    O esto que te acabo de explicar y localizas ese código en la hoja de estilos correspondiente y lo cambias allí directamente.

    • Esta respuesta fue modificada hace 4 meses, 3 semanas por  almendron.
Viendo 3 respuestas - 1 de 3 (de 3 total)
  • Debes estar registrado para responder a este tema.