Avisos
Vaciar todo

Aumentar tamaño y centrar texto a los productos  

Página 1 / 2
 
Eugenia
 Eugenia
Usuario activo

Hola, estoy creando mi tienda online con Wordpress y Woocommerce, y entre mil dudas que tengo voy a empezar con esta.
Estoy usando el tema Vayne, y lo que quiero hacer es debajo de la foto donde aparecen los artículos que tengo, el texto sale a la izquierda y el tamaño no es muy grande. Quiero centrar el texto y el precio y aumentar el texto.
Aviso que no tengo mucha idea si hay que tocar códigos o algo...
Muchas gracias de antemano.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 02/12/2018 10:12 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Eugenia,

He revisado tu web y en portada no veo imágenes y las fichas de productos las veo correctas.

¿A que vista de imágenes te refieres? facilita enlace o captura para entenderlo mejor y ayudarte.

Quedo pendiente de tus indicaciones.

ResponderCitar
Respondido : 02/12/2018 10:22 pm

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

Eugenia
 Eugenia
Usuario activo

Efectivamente, disculpa, que aun no subí casi artículos, en este enlace si se puede ver a lo que me refiero:
Contenido solo visible a usuarios registrados

Bueno, el tamaño del texto no me desagrada, pero el precio aparece pequeñito, y el texto y precio lo quiero centrado.

Muchas gracias de antemano

ResponderCitar
Respondido : 02/12/2018 10:25 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Eugenia,

Ve al dashboard de WordPress, Apariencia, Personalizar, y en los bloques de la izquierda, abajo del todo debería aparecer uno llamado "CSS Adicional", haz clic en el y en el bloque vacío numerado que aparece añade:

ul.products li.product {
    list-style: none;
    text-align: center !important;
}

Guarda los cambios, limpia la caché de tu navegador y verifica si ahora se ven centrados los precios en los productos categorizados.

Saludos

ResponderCitar
Respondido : 02/12/2018 10:53 pm

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

Eugenia
 Eugenia
Usuario activo

Muchas gracias, sigo tus pasos pero no logro ver dónde pone CSS Adicional, he conseguido llegar desde Personalizar desde el código html arriba hay una pestañita y me ha llevado directamente a esa zona para personalizar, pero no me da opción a meter nada, sólo me aparece un texto con la explicación. Le doy a cerrar ese texto pero no me responde.

ResponderCitar
Respondido : 02/12/2018 11:33 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Eugenia,

Está dentro de Apariencia, Personalizar.

Necesito que envíes una captura de la pantalla que visualizas para que pueda revisar lo que comentas y así contextualizar mejor el problema.

¿Como realizar una captura? https://guias.webempresa.com/preguntas-frecuentes/captura-de-pantalla/

- Los formatos de capturas admitidos son .jpg y .png (no .bmp)
- No las incrustes en archivos .docx de Word o similares, ni en PDFs.
- No las unifiques en una sola captura.
- No las recortes.

Quedo a la espera de tu respuesta.

ResponderCitar
Respondido : 02/12/2018 11:56 pm

Eugenia
 Eugenia
Usuario activo

Claro, te adjunto las opciones para personalizar que me aparecen con el tema que uso

ResponderCitar
Respondido : 03/12/2018 12:43 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Eugenia.

.- Accede a tu cuenta de cPanel -> Administrador de archivos
.- Accede a la carpeta -> wp-content -> themes -> vayne y edita el archivo style.css
.- Añade el código al final del del archivo " style.css "

En esta entrada del blog tienes un tutorial de como trabajar con el administrador de archivos de cPanel
-> https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel-como-buscar-archivos.html

Un saludo

ResponderCitar
Respondido : 03/12/2018 10:01 am

Cursos Gratuitos WordPress

Eugenia
 Eugenia
Usuario activo

Muchas gracias, ok, ya encontré el archivo style css dentro de Vayne, pero ahora soy incapaz de hacer nada más. Perdona pero es que no he hecho nada parecido en mi vida y estoy perdida.
Gracias de atnemano

ResponderCitar
Respondido : 03/12/2018 10:42 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Eugenia.

.- Selecciona el archivo con el botón de la derecha y pulsa en " Edit "

.- Al final del archivo añades el código que te paso Alejo:

Un saludo

ResponderCitar
Respondido : 03/12/2018 10:59 am

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

Eugenia
 Eugenia
Usuario activo

Ok, ya lo he hecho, he guardado y he borrado caché. Pero no veo cambios.

ResponderCitar
Respondido : 03/12/2018 11:48 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Eugenia.

Si te das cuenta te marca la linea 23757 como error, esto es por que te falta cerrar el bloque anterior con un corchete.

Todos los bloque se abren con un " { " y se cierran con " } "

.- en al linea 23756, antes de iniciar el código que te pasamos antes añades una linea mas y cierras ese bloque con " } "

Un saludo

ResponderCitar
Respondido : 03/12/2018 12:12 pm

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

Eugenia
 Eugenia
Usuario activo

Vale, creo que lo hice ya bien. En la advertencia me dice " use of important!"

Madre mía no se si soy muy torpe

ResponderCitar
Respondido : 03/12/2018 12:29 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Eugenia.

En la advertencia me dice " use of important!"
No te preocupes, es una advertencia por la etiqueta " !Important "

La etiqueta !Important se utiliza para indicarle que ese es el código que tiene que utilizar para mostrar ese bloque, es decir, aunque exista un código igual en otra parte del archivo/s, el que tiene la etiqueta !important es el que prevalece sobre los demás .

Un saludo

ResponderCitar
Respondido : 03/12/2018 12:37 pm

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

Eugenia
 Eugenia
Usuario activo

Muchas gracias, lo que si, no veo que haya variado la posición del texto bajo el producto, aun se ve a la izquierda y no centrado.
Ya borré caché, abrí nueva página... pero no aprecio el cambio.

ResponderCitar
Respondido : 03/12/2018 1:11 pm
Página 1 / 2