FROM CACHE - es_header

centrado de titulos de colecciones

rad_moto
Nuevo miembro
5 0 0

Estoy usando el tema ride, quiero que los títulos de mis listas de colecciones y de los apartado de la pagina principal queden centrados, que tengo que editar para que esto suceda?

5 RESPUESTAS 5

Ann
Shopify Staff
1601 144 191

Hola @rad_moto,

 

Gracias por acudir a los foros de la Comunidad con tus dudas. Entiendo que estás usando el tema Ride y quieres centrar los títulos de tus listas de colecciones y los de la página principal. Será un placer poder ayudarte con estas modificaciones.

 

Antes que nada quisiera preguntarte, ¿cuáles son los títulos específicos de la página de inicio que quisieras que se vieran centrados? ¿Nos podrías confirmar a qué secciones corresponden o enviar una captura de pantalla para poder tener una idea más precisa?

 

A modo de contexto, debes saber que para realizar este tipo de personalizaciones es necesario editar el código del tema. Sin embargo, me alegra informarte que puedes usar la función de CSS personalizado que se encuentra en el editor de temas. Esta te permite personalizar el tema más allá de la configuración integrada en el editor de temas y evita que debas editar el código del tema directamente. Debes saber que puedes agregar CSS personalizado a todo el tema o a una sección específica del tema. Ten en cuenta que en algunas ocasiones, los cambios realizados a través de CSS personalizado podrían dejar de funcionar al actualizar el tema, por lo que deben realizarse de nuevo.

 

Dicho esto, para centrar los títulos de todas las colecciones en tu tienda, puedes seguir estos pasos: 

 

  1. Dirígete a Tienda online > Temas > Tema actual (Ride) > Personalizar.
  2. Haz clic en la rueda de Configuración que se encuentra en el menú de mano izquierda.
  3. Haz clic en CSS personalizado y agrega este fragmento de código. No olvides guardar los cambios:

 

.collection-hero__title {
 text-align: center;
}

 

Te muestro un ejemplo desde una tienda de prueba: 

 

 

 

En caso de que desees centrar el título de una colección específica, debes hacer clic en la colección y añadir el fragmento de código a esa sección específica. En cuanto a los títulos de la página de inicio, una vez nos regales más detalles podemos echarle otra mirada.

 

Por el momento, ¿qué tipo de tienda estás creando y qué productos vendes? ¿Cómo vas con el resto de configuraciones en la tienda?

Ann | Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify

rad_moto
Nuevo miembro
5 0 0

Muchisimas gracias Ann por tu ayuda, aplique lo del CSS personalizado y no hubo cambio 😕 te adjunto foto del titulo que quisiera centrar: es el que dice "COMPRA POR MARCA", vendemos ropa y accesorios para motos.

Captura de Pantalla 2024-03-07 a la(s) 14.12.59.png

agregando que esta modificación que quiero hacer es en la pagina de inicio de la tienda

rad_moto
Nuevo miembro
5 0 0

me falto agregar que esta modificación que quiero hacer es en la pagina de inicio de la tienda

Ann
Shopify Staff
1601 144 191

Hola @rad_moto,

 

Gracias por tu respuesta y por aclarar mejor lo que necesitas. 

 

Para centrar el título de la sección "Lista de colecciones" puedes seguir estos pasos: 

 

  1. Dirígete a Tienda online > Temas > Tema actual (Ride) > Personalizar.
  2. Haz clic en la rueda de Configuración que se encuentra en el menú de mano izquierda.
  3. Haz clic en CSS personalizado, agrega este fragmento de código y guarda los cambios:

 

.collection-list-wrapper .title-wrapper-with-link {
  justify-content: center;
}

 

Te muestro un ejemplo de como se ve el cambio en una tienda de prueba: 

 

 

Déjanos saber si pudiste realizar el cambio exitosamente. 

 

Nota: antes de realizar cualquier cambio en el código del tema es recomendable que hagas una copia de seguridad de tu tema. De esta forma, si los cambios no salen como lo esperabas, puedes volver a utilizar la versión anterior de tu tema sin problema.

 

Con todo, ¿dónde se encuentra ubicada tu tienda y dónde planeas vender los productos?

 

Ann | Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify

rad_moto
Nuevo miembro
5 0 0
Muchas gracias Ann, con ese código se centró el título que quería, vendemos
accesorios para moto 🙂 Saludos.