Avisos
Vaciar todo

cuadrar el boton de ver detalles en woocommerce  

 
Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

como eliminar ese cuadro (vacio) y la palabra ver detalles centrarlo y ponerlo de color rojo el botón y la letra color blanco?
por favor sera posible¿

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 08/06/2019 11:38 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Jaime,

Claro que sí es posible hacer lo que preguntas. Cuando dices "(...) el botón y la letra color blanco?", te refieres al botón y las letras que están dentro del botón?

ResponderCitar
Respondido : 09/06/2019 12:00 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

Si por favor como podria hacer¿?

ResponderCitar
Respondido : 09/06/2019 12:03 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Jaime,

Agrega el siguiente css, para ello accede al administrador de Wordpress, en el menú lateral izquierdo posiciona el puntero del mouse sobre Apariencia, click en Personalizar -> CSS Adicional:

.rightsidebar .product_buttons .button {
    width: 100%;
}

.rightsidebar .product_buttons a.button {
    text-align: center;
    color: red;
}

.woocommerce ul.products li.product .button, .product_buttons .button {
    border-width: 0;
}

Saludos.

ResponderCitar
Respondido : 09/06/2019 1:01 am

Cursos Gratuitos WordPress

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

se podria hacer los cambios que muestro en el adjunto por favor?
Falta centrar, y quisiera cambiar de color de letra y fondo del boton.
quisiera que el boton se parezca al adjunto 2 con el mismo tamaño, color

ResponderCitar
Respondido : 10/06/2019 2:46 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Jaime,

Agrega el siguiente código CSS por favor:

  1. Para cambiar a color negro la fuente:
    .woocommerce-page ul.products li.product h3 a {
        color: black !important;
    }
    
  2. Ajustar el botón:
    
    div.product_buttons{
      text-align: center;
    }
    
    .woocommerce-page a.button{
        color: #fff;
        background-color: #F4524D;
        border-bottom: none;
        font-size: 14px; // Aumenta/Disminuye el tamaño de la fuente
        padding: 14px 20px;
        border-radius: 5px;
    }
    
    .woocommerce-page a.button:hover {
      background: #fc3c7c;
      text-decoration: none;
    }
    

Saludos.

ResponderCitar
Respondido : 10/06/2019 9:06 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación