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
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
Hola muchas gracias por tu ayuda, te dejo un producto con la clase aplicada 😉
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.
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
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.
Acabo de añadirlo y sigue igual 🙁
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
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.
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
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!!!
Hola Israel.
Nada, Mejor que se quede solucionado 😉
Ya sabes si necesitas realizar cualquier consulta estamos por aquí 😉
Cerramos el tema.
Un saludo