Foro de soporte WordPress en español


Soporte WordPress en español Soporte gratuito para webs alojadas en Webempresa.com
Habilitado para todos los clientes con planes de Hosting Alto Rendimiento a partir de 3GB y planes XL.

No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.

Te recomendamos que leas esta información sobre nuestro sistema de soporte en el foro, te ayudará a sacar el máximo partido de nuestro conocimiento: Cómo podemos ayudarte.


Encuentra la solución a tu problema, buscando en nuestro foro:
Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme

TEMA: cambiar de color a boton

cambiar de color a boton 1 mes 5 días antes #340258

buenas tardes, actualmente mi pagina aparce asi :
Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.

en columna de 2
como haria para ponerlo en columna de 4

solo tengo 8 productos insertados en una pagina.

Mi pagina quisiera que quedeasi como muestro en el adjunto Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.

el boton de color rojo y letra blanca , el titulo de la pagina color negro, el espacio entre el titulo y el boton, boton centrado.


URL del sitio: Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
Adjuntos:
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 519
  • Karma: 0
Última Edición: 1 mes 5 días antes por Pepe.
El administrador ha desactivado la escritura pública.
Mejora la velocidad de tu WordPress

cambiar de color a boton 1 mes 5 días antes #340265

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:
-> docs.woocommerce.com/document/change-number-of-products-per-row/

Un saludo
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 19806
  • Gracias recibidas 1588
  • Karma: 574
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.
trasladar web gratis

cambiar de color a boton 1 mes 3 días antes #340298

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

Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.

Las columnas siguen igual, esta mostrando dos columnas y yo quiero 4 columnas.

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
Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
Adjuntos:
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 519
  • Karma: 0
Última Edición: 1 mes 3 días antes por Jhon Marreros Guzman.
El administrador ha desactivado la escritura pública.
solucionar problemas wordpress

cambiar de color a boton 1 mes 3 días antes #340299

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.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 3 días antes #340300

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
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 519
  • Karma: 0
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 3 días antes #340303

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:
www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

¿Te ha resultado interesante esta entrada del foro?

Suscríbete para recibir consejos y trucos útiles para tu Web.

cambiar de color a boton 1 mes 3 días antes #340304

Mi pagina es esta : Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.

y quiero que quede igual a esta:
Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.

con el mismo color de letra en el titulo, el centrado, el espacio.
Adjuntos:
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 519
  • Karma: 0
Última Edición: 1 mes 2 días antes por Jhon Marreros Guzman.
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 3 días antes #340308

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.
ArellanoB

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 3 días antes #340310

Acabo de insertarlo en css personalizado
y no visualizo los cambios y es posible poner en columnas de 4?
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 519
  • Karma: 0
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 3 días antes #340313

Hola Jaime,

Veo un problema en la carga del archivo de CSS personalizado, intenta colocando el CSS que te proporcioné en el archivo
Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo. 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.
ArellanoB

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
Última Edición: 1 mes 3 días antes por Bulmaro Arellano Navarrete.
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 3 días antes #340315

ya lo quite
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 519
  • Karma: 0
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 3 días antes #340318

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 oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.

Saludos.
ArellanoB

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
Última Edición: 1 mes 2 días antes por Jhon Marreros Guzman.
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 2 días antes #340348

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

Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
Tampoco se estan mostrando en columna de 4
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 519
  • Karma: 0
Última Edición: 1 mes 2 días antes por Bulmaro Arellano Navarrete.
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 2 días antes #340351

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:
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.
Adjuntos:
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
Última Edición: 1 mes 2 días antes por Jhon Marreros Guzman.
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 2 días antes #340353

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 oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
Adjuntos:
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 519
  • Karma: 0
Última Edición: 1 mes 2 días antes por Bulmaro Arellano Navarrete.
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 2 días antes #340355

Hola Jaime,

El código CSS que te indiqué anteriormente:
.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;
}

Reemplázalo por el siguiente:
.woocommerce ul.products li.product h3 a {
    color: black !important;
}
 
.woocommerce ul.products li.product h3 {
    min-height: 80px !important;
    text-align:center !important;
}

El resultado es el siguiente:


OperaCapturadepantalla_2019-10-15_153448_www.preventor.com.pe.png



Saludos.
ArellanoB

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 1 día antes #340386

Esta conforme www.preventor.com.pe/borradorr/ pero si ingreso desde un celular
no se leen las palabras completas, y los botones no estan al mismo nivel ver adjunto
Adjuntos:
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 519
  • Karma: 0
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 1 día antes #340387

Hola Jaime,

Agrega el siguiente CSS:
@media (max-width: 767px) and (min-width: 480px){
.woocommerce ul.products li.product h3 a{
overflow-wrap: break-word;
	}
.woocommerce ul.products li.product h3 {
     height: 80px !important;
}	
}
 
 
@media (min-width: 320px) and (max-width: 479px) {
.woocommerce ul.products li.product h3 a{
   overflow-wrap: break-word;
	}
	.woocommerce ul.products li.product h3  {
		font-size: 12px;
		height: 40px;
}
}

Teóricamente tu template es completamente responsivo, te sugiero consultar con el desarrollador del tema ya que pareciera que le faltaron elementos por adaptar -> themeforest.net/item/lifecare-responsive-medical-wordpress-theme/7813491

Saludos.
ArellanoB

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
Última Edición: 1 mes 1 día antes por Bulmaro Arellano Navarrete.
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 1 día antes #340388

Ya realice el cambio, ya comienzan a leerse completas los titulos de los productos, pero los botones no se muestran alineados, siguen msotrandose uno mas arriba y otro mas abajo
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 519
  • Karma: 0
El administrador ha desactivado la escritura pública.

cambiar de color a boton 1 mes 1 día antes #340390

Hola Jaime,

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

Modifícalo de la siguiente manera:
.woocommerce ul.products li.product h3 {
    height: 80px;
}

Saludos.
ArellanoB

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
Última Edición: 1 mes 1 día antes por Bulmaro Arellano Navarrete.
El administrador ha desactivado la escritura pública.

Temas Relacionados

8 Respuestas emo
Tema iniciado 1 año 7 meses antes por Jaime Erdulfo
434 Visitas
2 Respuestas emo
Tema iniciado 1 año 6 meses antes por Jaime Erdulfo
321 Visitas
3 Respuestas emo
Tema iniciado 1 año 2 meses antes por Jaime Erdulfo
322 Visitas
6 Respuestas emo
Tema iniciado 1 año 1 semana antes por Antonio
623 Visitas
5 Respuestas emo
Tema iniciado 8 meses 3 semanas antes por Walter
163 Visitas
1 Respuestas emo
Tema iniciado 1 año 3 meses antes por Jaime Erdulfo
1121 Visitas
1 Respuestas emo
Categoría: Pack Blog WordPress
Tema iniciado 3 años 6 meses antes por Jesus
1173 Visitas
1 Respuestas emo
Tema iniciado 1 año 10 meses antes por Jaime Erdulfo
412 Visitas
1 Respuestas emo
Tema iniciado 1 año 4 meses antes por Jaime Erdulfo
676 Visitas
2 Respuestas emo
Tema iniciado 3 años 1 mes antes por César
612 Visitas

Moderadores: Johnny Heredia Montiel
Tiempo de carga de la página: 0.861 segundos