Estilos a bloque de botones

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tom

    (@edge22)

    3 years, 7 months ago

    Hi there,

    Without resorting to CSS, you could create a three-column grid and add three separate buttons in each grid item.

    Then in the middle one you could add a Headline block above the button.

    Otherwise, you’ll likely need to use CSS to target the :before pseudo selector of the button.

    Thread Starter rebajaslocascom

    (@rebajaslocascom)

    3 years, 7 months ago

    Hola Tom,

    Intenté hacerlo con el bloque de cuadrícula pero no pude.

    Me resultó más fácil hacerlo con CSS con la etiqueta ::before, este fue el código que usé:

    .lp-bestseller::before {
	content: "MÁS VENDIDO";
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	display: block;
	background: #f68c1f;
	color: #fff;
}

    Así se ve actualmente: https://mega.nz/file/ugcADLJA#G0jM52zxYFeBTHr3ItyuD5QUYphKWqB8inOV7dj8d-4

    Sin embargo, el texto se muestra dentro del botón. Quisiera que se muestre por fuera del botón y con fondo.

    Como en la imagen de ejemplo que envié antes.

    Ojalá puedas ayudarme con esto, ¡Gracias!

    Plugin Author Tom

    (@edge22)

    3 years, 7 months ago

    You may be able to move it outside of the button with negative margin-top or top values (if it’s set to position: relative or position: absolute.

    Let me know 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Estilos a bloque de botones’ is closed to new replies.