cambiar de color a boton  

Página 1 / 2
 
Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

buenas tardes, actualmente mi pagina aparce asi :
Contenido solo visible a usuarios registrados

Citar
Respondido : 12/10/2019 9:24 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jaime.

añade lo siguiente al archivo Functions.php:

/**
 * Change number or products per row to 4
 */
add_filter('loop_shop_columns', 'loop_columns', 999);
if (!function_exists('loop_columns')) {
	function loop_columns() {
		return 4; // 4 products per row
	}
}

Tienes mas informacion en la documentacion de WooCommerce:
-> https://docs.woocommerce.com/document/change-number-of-products-per-row/

Un saludo

ResponderCitar
Respondido : 13/10/2019 2:57 pm

Cursos Gratuitos WordPress

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

HE REALIZADO EL CAMBIO COMO PUEDE VER EN EL ADJUNTO Y NO VISUALIZO LOS CAMBIOS GUARDADOS:

Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 14/10/2019 9:31 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Debes tener algo a nivel de tu theme que no esta trabajando correctamente ya que veo que se crea una clase CSS first cada dos elementos, prueba renombrando temporalmente la carpeta woocommerce que tienes dentro de la carpeta de tu theme y verifica.

Saludos.

ResponderCitar
Respondido : 14/10/2019 10:30 pm

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

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

Ya esta verificado, al principio en mi wooocommerce tambien aparecia columna de 2 , y actualmente ya se hizo el cambio, no se puede cambiar tampoco el color del boton?
Los botones no han cambiado de color el fondo rojo y letra blanca, sigue en blanco y negro como haria para que quede asi como mi woocommerce

ResponderCitar
Respondido : 14/10/2019 10:34 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para no confundir temas te sugiero dejar este tema para el cambio de color de botón, y realiza otro tema nuevo para cambio de columnas, de esta manera mantenemos el foro ordendado.

Con respecto al cambio de color de los botones puedes probar agregando el siguiente código CSS:

.woocommerce ul.products li.product .button{
  background-color:blue;
	color:white;
}

.woocommerce ul.products li.product .button:hover{
  background-color:black;
}

Para agregar este código puedes agregarlo en el archivo .css de tu child-theme o puedes revisar:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.

ResponderCitar
Respondido : 14/10/2019 10:48 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

Mi pagina es esta : Contenido solo visible a usuarios registrados

con el mismo color de letra en el titulo, el centrado, el espacio.

ResponderCitar
Respondido : 14/10/2019 11:14 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Tomas.

Agrega el siguiente CSS:

.woocommerce-page ul.products li.product h3 {
    text-align: center;
}
.woocommerce-page ul.products li.product h3 a {
    color: black !important;
}

.woocommerce-page ul.products li.product h3 {
    min-height: 80px !important;
}

Saludos.

ResponderCitar
Respondido : 15/10/2019 12:46 am

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

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

Acabo de insertarlo en css personalizado
y no visualizo los cambios y es posible poner en columnas de 4?

ResponderCitar
Respondido : 15/10/2019 1:20 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Jaime,

Veo un problema en la carga del archivo de CSS personalizado, intenta colocando el CSS que te proporcioné en el archivo
Contenido solo visible a usuarios registrados de la siguiente manera:

.woocommerce-page ul.products li.product h3 {
    text-align: center !important;
    min-height: 80px !important;
}
.woocommerce-page ul.products li.product h3 a {
    color: black !important;
}

En CSS personalizado busca esta regla:

@media only screen and (max-width: 480px) and (min-width: 320px)
.woocommerce-page ul.products li.product h3 a {
    /* font-size: 14px; */
}

Y corrígela de la siguiente manera:

@media only screen and (max-width: 480px) and (min-width: 320px){
.woocommerce-page ul.products li.product h3 a {
    /* font-size: 14px; */
}}

O bórrala completamente para hacer pruebas.

Respecto a las columnas por pagina de 4 y no en 2, si se puede, tu tema es el mismo que el de tu otro sitio. Te sugiero primero realizar lo que te acabo de solicitar y probar, luego de reparar este problema nos encargamos de las columnas en 4.

ResponderCitar
Respondido : 15/10/2019 2:35 am

Cursos Gratuitos WordPress

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

ya lo quite

ResponderCitar
Respondido : 15/10/2019 3:04 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Jaime,

Muchas gracias, agrega el siguiente CSS:

.woocommerce ul.products li.product h3 a{
	color:black !important;
}

.woocommerce ul.products li.product h3 {
	    text-align:center !important;
}

.woocommerce ul.products li.product h3{
	min-height:80px !important;
}

Si no te funciona en CSS Personalizado prueba en Contenido solo visible a usuarios registrados

Saludos.

ResponderCitar
Respondido : 15/10/2019 5:19 am

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

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

Lo coloque en themes styles.css y no hay cambios.

Contenido solo visible a usuarios registrados
Tampoco se estan mostrando en columna de 4

ResponderCitar
Respondido : 15/10/2019 9:18 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente ya veo que el botón se muestra de color rojo, tal como se ve en la imagen adjunta y es similar al sitio web de ejemplo.

Con respecto a las columnas prueba con el siguietne código CSS, agrega ese código CSS al final de tu archivo style.css de tu theme o usa la opción de CSS del personalizador de tu theme, revisa:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

@media(min-width:769px){
  .woocommerce.columns-4 ul.products li.product {
	    width: 24%!important;
	    float: left!important;
	    clear: none!important;
  		margin-left: 0!important;
	    margin-right: 1%!important;
	}	
	body ul.products li.product.first{
		clear:none!important;
	}
}

Saludos.

ResponderCitar
Respondido : 15/10/2019 10:26 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

buenas tardes, las columnas se corrigieron

el boton ya esta listo, lo que me falta y lo que comentaba en este ticket
es que falta esto:
El titulo ANGIOTEM CEREBRAL aparece de color plomo, quisiera cambiarlo a color negro
el titulo ANGIOTEM CEREBRAL quiero centrarlo, porque ahora aprece para el lado izquierdo.

Luego si se dan cuenta, en el adjunto N1 lep.
señalo los botones de ver detalles, que aparece uno mas arriba y el otro mas abajo. anteriormente me dieron un codigo para que por ejemplo luego del titulo angiotem cerebral haya un espacio entre el titulo y el boton ver detalles, cosa que asi todo muestra el mismo nivel en botones, hay algunos titulos de mis productos que son largos por eso se ve desnivelado.

asi como este enlace quisiera que quede
Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 15/10/2019 10:53 pm
Página 1 / 2