Código CSS


#1

Hola sabrían el código para:

  • Modificar tamaños del logo de tu empresa en tu tienda y el menú principal del mismo

  • Cambiar la alineación de algún elemento, por ejemplo, centrar el título de tu página de productos.

Muchas gracias. VaLeriTa LooKs


#2

Hola @valeritalooks2 ¿Qué tal? Soy Esteban de @senorguzman

¡Bienvenida a la Comunidad Nube :cloud: !

Espero que sea de utilidad.

Saludos :wave:
Esteban


#3

Hola! ¿cómo estás? buen día!

Te paso un código de CSS, que te van servir para modificar lo que me comentas en la plantilla Material:

Tamaño del Logo -

home-logo img {
    max-width: 350px;
    max-height: 160px;
}

Centrar el título " Producto" en la página

h1 {
color: #27D6A3;
text-align: center;
}

Ojalá te sean útiles,

¡Saludos! :smile:


#4

Genial mil gracias!! :blush::blush:
El El mié, 22 de feb. de 2017 a las 11:35, Emiliano Adrián Loiacono <
tiendanube@discoursemail.com> escribió:


#5

Emiliano buen día

Y sabes cómo puedo hacer para que en lugar de que me ponga “23%off” en el
cartelito del producto y sea tan exacto…todo eso figure con por ej la
palabra “sale”…total el precio viejobybel nuevo ya figura abajo…pero
que aparezca tan exacto el porcentaje de descuento me tira para atrás.
Gracias que tengas buen día
Saludos
Valeria

El El mié, 22 de feb. de 2017 a las 11:35, Emiliano Adrián Loiacono <
tiendanube@discoursemail.com> escribió:


#6

Hola !!! tendras el css del titulo del producto en el popup de vista previa? uso fondo azul en la pagina y esta en gris y no tengo como cambiarlo.
Mil gracias!!!


#7

Hola Vale,

Podrías probar con este código :wink:

.descriptioncol .offer-product span{
display:none;
}
.descriptioncol .offer-product:after{
content:‘Oferta’;
}
.js-offer-percentage{
display:none;
}

¿Me avisa si te funcionó? Gracias!


#8

Hola ! buenas tardes,

Podrías probar con este código:

h2. {
font-size: 31.5px;
color: white;
}

Después de color, podés ir jugando para mostrar otro tipo de colores según las clases de CSS

Ojalá te sirva :smile:

¡Saludos!


#9

sabes que no funciona? le habia aplicado tambien antes a
.product-details-overlay span:hover, .product-details-overlay span {color: #01b5aa;}
y me lo previsualizo pero a la hora de guardarlo no pasa nada.
algo para chequear?? Gracias de verdad x el soporte!


#10

hola no funciono. gracias por la ayuda! un beso

2017-02-24 12:23 GMT-03:00 Emiliano Adrián Loiacono <
tiendanube@discoursemail.com>:


#11

Hola, cómo estás? es posible agrandar el ancho del carrusel del inicio? actualmente las medidas son de 1920x500px y quisiera llevarlo a 800px aprox. Saludos!


#12

Hola bsidetees!

Te cuento que estuve revisando tu tienda y si lo que te gustaría es que el alto de tu carrusel fuese de 800px entonces lo que podés hacer es adaptar todas tus imágenes a la medida 1920 x 800 px. De esta manera vas a lograr que tu carrusel se vea más alto :muscle:

Hice un ejmplo con una de tus imágenes y grabé el siguiente video para que la puedas visualizar.

La imagen la adapté a 1920 x 800 px.

Espero que te sirva!! :smile:

Saludos!


#13

Gracias Analía, finalmente voy a optar por otra opción, manteniendo la medida actual, ya que se ve mejor. Te agradezco el tiempo. Saludos!


#14

Hola, quiero cambiar el texto predeterminado del footer donde dice CONTACTANOS ya que en Colombia lleva acento: CONTÁCTANOS


#15

Hola @bykellyguzman ¿cómo estás? buenas tardes!

Te cuento que lamentablemente no tenemos una opción para modificar esos textos, pero los especialistas técnicos estan al tanto de poder habilitar esa opción en el futuro.

Para que tengas una mejor experiencia, ya incluimos un código Javascript así se puede visualizar tal cual lo necesitas :smile:

Cualquier otra cosa, a tu disposición,

¡Saludos!


#16

Muchas gracias por tu ayuda :slight_smile: , también me gustaría poder cambiar la parte que dice “seguinos en facebook” por “síguenos en facebook” y cuando le doy compartir a mi página en facebook me sale un zoom de una parte de mi logo en la previsualización no se como reemplazar esa imagen :frowning:


#17

Hola @bykellyguzman ! Dale, vamos a ver si nos puede dar ayuda nuestro amigo diseñador @Fernando_Alganaraz :smile:

Respecto a a la imagen que compartiste, te comento que Facebook toma para la publicación aquellas que a criterio de su algoritmo tienen un tamaño adecuado. Por dicho motivo, si la imagen de la tienda que deseás que aparezca al compartir el link no cumple con este criterio, Facebook no la tomará.

Es decir, la imagen que se comparte en la publicación, la toma Facebook de tu tienda de manera automática. Lamentablemente no es algo que se pueda modificar desde el administrador de la tienda.

El tamaño de imagen debe tener un tamaño mínimo de 200 × 200 píxeles. Si el archivo de la foto es .PNG, sugieren un tamaño inferior a 1 MB.

De todas maneras, tené en cuenta que la primera imagen que intenta siempre tomar es la del logo de la tienda. Por lo que si lográs ajustar el tamaño de esa imagen a las medidas que ellos recomiendan, probablemente el sistema la asocie a la publicación.

En el caso que estés necesitando imágenes gratuitas y de buena calidad para compartir con tu tienda, podes ver el artículo 10 bancos de imágenes gratuitas de nuestro blog.

¡Saludos!


#18

no me funciona el CCS para el tema del logo, alguien lo pudo hacer funcionar?


#19

Que tal, te paso el condigo correcto para modificar el tamaño del logo, esto funciona en la plantilla materiales, francamente no se si funciona en otras plantillas, el código correcto es…

#home-logo img {
max-width: ___px;
max-height: ___px;
}

*** Colocas los valores de pixeles que necesitas, por ejemplo…

#home-logo img {
max-width: 930px;
max-height: 170px;
}

Espero te funcione.
SALUDOS!


#20

Valeria, Emiliano

Podrían ayudarme con algo similar? Estoy tratando de encontrar la opción para colocar el cartelito con los porcentajes de descuento en las imágenes, y no puedo encontrarla. Esto es con otro CSS?

Gracias!