Redondear los borde...
Avisos
Vaciar todo

[Resuelto] Redondear los bordes de los botones  

 
Sergio
 Sergio
Estimable Member

        Hola a todos:

                Seguimos trabajando en nuestra actualización de la tienda de la versión 1.6 a 1.7 de Prestashop. La verdad es que nos está quedando realmente chula, pero hay algo que no sabemos si podemos hacer. No encontramos la manera de redondear un poco los botones (en general). Hemos puesto imágenes ya redondeadas para las distintas secciones, hemos encontrado algunas opciones en algunas cosas donde te permiten meter un radius, pero para los botones no encontramos ningún modo.

          Estamos utilizando el tema Panda (o el Transformer, por que es exactamente igual), como decimos, en la versión 1.7.6.2 de Prestashop. ¿Alguien sabe donde se puede hacer o algún truco para que los botones queden un poquito más redondeados? Es una cuestión simplemente visual, pero nos haría ganar mucho estéticamente.

 

                  Gracias de antemano por vuestra ayuda. Un cordial saludo.

Respondido : 30/04/2020 7:30 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Sergio.

La consulta es para el .es ? tienes la web en mantenimiento y necesitamos que esté activa para poder revisar lo que nos comentas.

Abre la tienda y lo revisamos 😉 

 

Un saludo

Respondido : 30/04/2020 8:57 am

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

Sergio
 Sergio
Estimable Member

    Hola, Pepe:

              Gracias por tu respuesta. Bueno, aunque en un principio no queríamos tenerla activa de momento, hemos quitado el modo mantenimiento y activado el modo catálogo. Los botones que nos interesan son del estilo al "Ver más" que se puede ver en la página principal o en los productos, que son iguales a los de "comprar ahora" o "llevar a carrito". Estos últimos no aparecen ahora por que está en modo catálogo, pero se pueden ver los de "Ver más". ¡Ah!, sí es el .es.

 

              Gracias de nuevo por vuestro interés. A ver si puede hacerse. Un saludo.

Respondido : 30/04/2020 2:50 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Sergio.

Supongo que te refieres a este:

screenshot www.ferreteroonline.es 2020.04.30 16 11 12

 

Añade lo siguiente al archivo custom.css que encontrarás en la ruta themes -> panda -> assets -> css " custom.css "

a.btn.btn-default.btn-more-padding.btn-large {
border-radius: 10px;
}

 

Un saludo

 

Respondido : 30/04/2020 3:15 pm

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

Sergio
 Sergio
Estimable Member

@pepesoler

    Estimado Pepe:

                Gracias. He hecho el tema y efectivamente, este botón ha pasado a estar redondeado. No obstante, nuestra idea es redondear otros botones (pensábamos que se podía hacer de otra manera, sin utilizar CSS). Hemos visto que el código que nos has compartido está enfocado al botón "btn.btn-default.btn-more-padding.btn-large". Bajo la idea de que es mejor enseñar a pescar que entregar un pez ..... ¿Tu nos puedes indicar un poco (y perdón por la molestia) como podemos saber en cada caso de botones distintos el indicativo en CSS para aplicar los mismos redondeos? Imaginamos que probablemente sea entrando a través del navegador en "Inspeccionar elemento" o algo parecido, pero en este punto ya nos perdemos un poco. Con un hilo del que tirar, nosotros ya terminaremos desenmarañando todo.

 

                 De nuevo te doy las gracias de antemano. A ver si terminamos de una vez esta página. Un saludo.

Respondido : 30/04/2020 7:44 pm
Sergio
 Sergio
Estimable Member

    Estimados Pepe y Karen:

             Hola de nuevo. Perfecto con esto. Quedan mucho mejor.

 

            Vemos que tenemos que dar un pequeño cursillo (aunque sea express) sobre CSS, para mejorar un poquito nuestro nivel y que queden las cosas más chulas.

 

                       Damos por resuelto el hilo. Muchas gracias por vuestra ayuda.

Respondido : 30/04/2020 7:57 pm

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Sergio,

Como mencionas en la consulta una forma de ver que código aplica a cada botón es a través del inspector de elementos del navegador. Todos los colores, tipos de letras y referente a tu sitio se hacen mediante CSS.

Si deseas identificar que código es el que afecta cada bloque o elemento de tu web puedes usar la herramienta de desarrollo de tu navegador o usar alguna extensión como firebug.

En este articulo del blog te muestran un tutorial como utilizarla ->

Saludos

 

Respondido : 30/04/2020 8:09 pm
Sergio
 Sergio
Estimable Member

@karen

    Estimada Karen:

            Muchas gracias. Vamos a ver si aprendemos a utilizar la extensión y de paso, nos hacemos un cursillo de CSS. Ya os mandaremos link de la página cuando esté acabada, para ver si os gusta.

 

                    Un cordial saludo. Sergio Pérez.

Respondido : 30/04/2020 9:40 pm

Cursos Gratuitos WordPress