Buenos días,
Estoy haciendo una tienda online en la que he puesto una tiipgrafía en casi todos los sitios pero en los productos, una vez que me meto en ellos, no sale esta tipografía.
¿Cómo puedo hacer para que salga en toda la web, incluida los productos y en los widgets? Les mando enlace donde aparece uno de los productos con la tipografía que quiero cambiar y los filtros de la derecha que me gustaría cambiar también, por si no me explico bien! 🙂 Me gustaría que apareciese con la tipografía Fox Typewriter como aparece en los cuerpos de texto del resto de web.
gracias
Bea
URL del sitio: Contenido solo visible a usuarios registrados
Hola Beatriz.
Añade lo siguiente al archivo style.css que encontrarás en la ruta wp-content -> themes -> Divi " style.css "
los filtros de la derecha que me gustaría cambiar
.chosen-container-single .chosen-single span { font-family: tox typewriter; } .chosen-container .chosen-results li.active-result { font-family: tox typewriter; }
¿Cómo puedo hacer para que salga en toda la web, incluida los productos y en los widgets?
p { font-family: tox typewriter; } .woocommerce div.product form.cart .variations label { font-family: tox typewriter; } h1, h2, h3, h4, h5, h6 { font-family: tox typewriter; } #content-area table th, #content-area table tr, #main-content table.cart td, #main-content table.cart th, #main-content table.cart tr, table.cart td, table.cart th, table.cart tr { font-family: tox typewriter ; }
Es posible que me deje algo, si es así adjuntar una captura de los textos que faltan y lo revisamos.
Un saludo
Hola Beatriz.
Veo que se muestra con nuevo el tipo de letra:
Revisa accediendo en modo incognito por si el problema fuera por la cache del navegador:
-> https://support.google.com/chrome/answer/95464?co=GENIE.Platform%3DDesktop&hl=es
Un saludo
Buenas tardes,
Para que salga la misma tipografía en toda la web pero en versión movil tengo que hacer algo? Puse el código que me disteis para cambiar la tipografía en todo y se me ha cambiado correctamente pero en la versión móvil me sale la tipografía antigua.
muchas gracias de antemano.
saludos
Bea
Hola! Gracias por tu rápidísima respuesta, da gusto preguntar por este foro!! :):)
Yo quiero que salga Tox Typewriter y la que me mandas en el pantallazo no es tipo máquina de escribir, por eso os preguntaba...gracias!
Hola,
Te mando pantallazo donde aparece la tipografía diferente a la Tox Typewirter (máquina de escribir) . El tercer pantallazo es un ejemplo de cçomo megustaría que quedase el tipo de letra en toda la página en versión mçovil que es lo que me está fallando...he borrado el historia y cache en el teléfono y sigue saliendo diferente letra.
gracias
Hola Beatriz,
Faltan algunos elementos que aplicarle los estilos, aunque pueden ser un poco complicado identificarlos, agrega los siguientes estilos CSS:
.orderby, .woocommerce div.product form.cart .variations td select{ font-family: 'tox typewriter' !important; }
El resto de contenido veo que está cargando correctamente con tox typewriter. Si identificas algun otro hazlo saber indicando la dirección web, por favor.
Buenos días,
Muchas gracias, ya lo he puesto, he borrado historial, cookies y caché en el teléfono y sigue saliendo la tipografía diferente a la tox typewriter. Me he descargado mozilla también en el teléfono para ver si era problema del navegador y tampoco sale la tipografia que he elegido, algo debo estar haciendo mal, verdad??
gracias
Bea
Hola Beatriz,
¿Podrías compartirme una captura de pantalla de tu web desde el móvil? En realidad, me resulta extraño que no se visualicen los cambios en tus dispositivos.
Prueba agregando la siguiente línea debajo de los estilos CSS que te proporcionó Pepe -> font-style: oblique !important; de tal manera quedaría de la siguiente forma:
.chosen-container-single .chosen-single span { font-family: tox typewriter; font-style: oblique !important; } .chosen-container .chosen-results li.active-result { font-family: tox typewriter; font-style: oblique !important; } p { font-family: tox typewriter; font-style: oblique !important; } .woocommerce div.product form.cart .variations label { font-family: tox typewriter; font-style: oblique !important; } h1, h2, h3, h4, h5, h6 { font-family: tox typewriter; font-style: oblique !important; } #content-area table th, #content-area table tr, #main-content table.cart td, #main-content table.cart th, #main-content table.cart tr, table.cart td, table.cart th, table.cart tr { font-family: tox typewriter ; font-style: oblique !important; } .orderby, .woocommerce div.product form.cart .variations td select{ font-family: 'tox typewriter' !important; font-style: oblique !important; }
Por favor, dime si con esto se refleja el estilo CSS aplicado.
Saludos.
Hola Beatriz,
Agrega las reglas CSS siguientes para algunos elementos faltantes identificados:
button, div.product_meta, .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce .woocommerce-breadcrumb, #top-menu li a{ font-family: 'tox typewriter' !important; font-style: oblique !important; } .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1, .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h2.et_pb_module_header, .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h3.et_pb_module_header, .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h4.et_pb_module_header, .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h5.et_pb_module_header, .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h6.et_pb_module_header{ font-family: 'tox typewriter' !important; font-style: oblique !important; } .et_pb_text_0 h3, #footer-widgets .footer-widget a, #footer-widgets .footer-widget li a, #footer-widgets .footer-widget li a, #footer-info, #footer-info a, .woof_products_top_panel li span, div.woof_submit_search_form_container, .woof_reset_search_form, span.amount, span.iris{ font-family: 'tox typewriter' !important; font-style: oblique !important; }
Saludos.
Hola Bulmaro y Pepe!
Me vais a matar pero sigue igual, no sé que pasa....Perdonad la lata!!