Tablas con bordes
 
Avisos
Vaciar todo

Tablas con bordes

12 Respuestas
3 Usuarios
0 Reactions
881 Visitas
Israel
Respuestas: 112
Estimable Member
Topic starter
 

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


 
Respondido : 20/04/2017 7:13 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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


 
Respondido : 20/04/2017 10:06 pm
Israel
Respuestas: 112
Estimable Member
Topic starter
 

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

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


 
Respondido : 21/04/2017 11:52 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 21/04/2017 5:39 pm
Israel
Respuestas: 112
Estimable Member
Topic starter
 

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


 
Respondido : 21/04/2017 5:49 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 21/04/2017 10:03 pm
Israel
Respuestas: 112
Estimable Member
Topic starter
 

Acabo de añadirlo y sigue igual 🙁


 
Respondido : 24/04/2017 11:02 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member 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


 
Respondido : 24/04/2017 11:49 am
Israel
Respuestas: 112
Estimable Member
Topic starter
 

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.


 
Respondido : 24/04/2017 11:55 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member 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


 
Respondido : 24/04/2017 12:46 pm
Israel
Respuestas: 112
Estimable Member
Topic starter
 

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!!!


 
Respondido : 24/04/2017 1:12 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Israel.

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

Cerramos el tema.

Un saludo


 
Respondido : 24/04/2017 1:39 pm