imagenes paginas cms

[seron]

Hola muy buenas, estoy intentando meter css o darle una especie de forma especial a unas imágenes que quiero poner en una pagina cms pero no sé donde tengo que meter código para que esas imágenes del cms que creé se vean como quiero, por ejemplo con las esquinas redondeadas, o que al pasar por encima de ellas con el mouse hagan un zoom hacia fuera, alguien sabe donde se toca este tipo de código?

 

 

[Pixefora D]

No entiendo.

Edita el código html que subes al cms, ponle un class a estás imágenes y luego le metes el css que quieras,

no?

[seron]

y la clase que creo donde va junto con las propiedades de ese css?

Edited December 1, 2020 by seron (see edit history)

[Pixefora D]

Al <img le pones class. Por ejemplo

<img class='customimg'

Luego en tu global.css metes los estilos que quieras. 

[seron]

Oks Muchas Gracias!

[seron]

Y si es un theme que no es el default?

Tengo un archivo custom.css que dice esto:

/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */

y puse esto como clase para imagen, lo que quiero es que se vea recortado hasta la mitad que no se muestre completa
 

img.promos-img{
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 20px;
        overflow: hidden;
        display: block!important;}

Pero no termina de funcionar

[Pixefora D]

Tienes tres posibilidadeS:

1- Ponerlo como background de una capa, y a esa capa ponerle un alto, el que tu quieras.

2- Ponerle una capa padre con un height definido y un overflow:hidden;, luego dentro le pones la imagen.

3- Subir la imagen tal y como quieres que aparezca.