misma tipografia en toda la web

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,

muchas gracias por la respuesta. Lo he puesto en el css pero no me cambia nada....te paso pantallazo tanto del css como de capturas de imagen de los sitios donde debería cambiarse y sigue la tipo igual.
muchas gracias de antemano

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

No, no tienes que hacer nada, en principio es lo mismo para la versión móvil que para al de PC.
Lo estoy viendo y veo que se muestra bien:

Prueba desde otro terminal distinto.

Un saludo

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 Beatriz

Veo que si que está cargando:

Si hay alguna parte que veas que no se muestra con el tipo de letra que quieres por favor adjunta una captura para que veamos a que haces referencia.

Un saludo

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,

Lo acabo de incluir y el pantallazo lo he hecho a continuación. os lo paso.

gracias

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