Tablas con bordes  

 
Israel
 Israel
Estimable Member

Hola buenas tardes, os expongo mi duda:

Cada vez que meto una tabla en la descripción de un producto tengo que añadirle via codigo HTML el siguiente código

class="table table-bordered"

¿Hay alguna manera de modificar via CSS el estilo de la tabla por defectoy que sea como el de esa clase pero sin tener que ponerlo?

Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 20/04/2017 8:13 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes hacerlo colocando el código CSS directamente a table, tienes que usar un archivo .css que ya carga tu theme para colocar este código por ejemplo el archivo global.css

Indícanos algún artículo en donde tengas una tabla con las clases aplicadas para ver el código que sería necesario

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 20/04/2017 11:06 pm

Cursos Gratuitos WordPress

Israel
 Israel
Estimable Member

Hola muchas gracias por tu ayuda, te dejo un producto con la clase aplicada 😉

http://prosoundcenter.com/beamz-150540-intibar-800

ResponderCitar
Respondido : 21/04/2017 12:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes probar con el siguiente código CSS:

#product-attribute-specs-table{
	width:100%;
}

#product-attribute-specs-table td{
	border:1px solid #d6d4d4;	
}

Puedes agregar este código en algún archivo CSS de tu theme por ejemplo al final del archivo global.css
sin embargo documenta este cambio ya que si actualizas el theme voverás a realizar el cambio.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 21/04/2017 6:39 pm

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

Israel
 Israel
Estimable Member

Agregé el codigo al final del global.css pero no hizo nada, mira este producto que cree con una tabla para comprobarlo

http://prosoundcenter.com/pruebaproducto

Le puse . en lugar de # para probar por si era eso pero no hace nada tampoco.

Un saludo

ResponderCitar
Respondido : 21/04/2017 6:49 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El código anterior esta limitado a las características del producto, si quieres que funcione para cualquier sección de la página de producto elimina el código anterior y prueba con el siguiente código:

#product #center_column table td{
	border:1px solid #d6d4d4;
}

#product #center_column table{
	width:100%;
}

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 21/04/2017 11:03 pm

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

Israel
 Israel
Estimable Member

Acabo de añadirlo y sigue igual 🙁

ResponderCitar
Respondido : 24/04/2017 12:02 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Israel.

No veo el código añadido, de todas formas realiza lo siguiente:

.- edita el archivo global.css que encontraras en themes/default-bootstrap/css/global.css y sobre la linea 8363 veras el siguiente codigo:

#product #center_column table td {
    border: 1px solid #D6D4D4;
}

Modifica el tamaño de border para adaptarlo al ancho que quieras, por ejemplo podrías probar:

#product #center_column table td {
    border: 5px solid #D6D4D4;
}

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 24/04/2017 12:49 pm

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

Israel
 Israel
Estimable Member

Hola Pepe gracias por tu respuesta, el código este que me comentas es el que añadí que me indicó tu compañero, le aumente el borde a 5 y sigue igual le cambie el color por si fuera que no se viera por el color y tampoco funciona.

ResponderCitar
Respondido : 24/04/2017 12:55 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Israel.

Lo estoy probando con el inspector del navegador y veo que cambia.

prueba si con otro equipo o con una navegador distinto por si fuera problema de cache, también puedes probar a recargar la pagina con la tecla ( f5 ), esto cargara de nuevo la cahe en el navegador.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 24/04/2017 1:46 pm

Cursos Gratuitos WordPress

Israel
 Israel
Estimable Member

Hola Pepe tienes toda la razón del mundo, había limpiado la caché y todo pero Chrome no me actualizaba bien, lo comprobé con Firefox y funciona perfectamente.

Mil Gracias!!!

ResponderCitar
Respondido : 24/04/2017 2:12 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Israel.

Nada, Mejor que se quede solucionado 😉
Ya sabes si necesitas realizar cualquier consulta estamos por aquí 😉

Cerramos el tema.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 24/04/2017 2:39 pm

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

Por favor Iniciar Sesión o Registro