Icono Dashcoin y texto

Blash #1 Nov '18

Buenas. Os voy a preguntar algo sencillo pero que no termino de conseguir.

Quiero poner un icono Dashicon y al lado un texto. ¿Cómo debería de hacerlo? Quiero que el icono sea grande, por ejemplo de 40px. Por lo tanto, el texto también deberá ser de ese tamaño, y en negrita. Lo he estado intentando pero el dashicon solapa al texto.

<span class="dashicons dashicons-admin-generic" style="font-size: 40px;"></span> Crear tu imagen

Gracias!

stuckED #2 Nov '18

Has probado a trabajar con otro div para el texto?

Blash #3 Nov '18

No. Es que ne como hacerlo. He estado mirando por internet pero no se siquiera como "buscar" lo que quiero hacer jeje. Vamos, que no tiene mayor historia.

Es como esto https://ibb.co/eZXfzq pero con el icono que os he pasado y con otro texto. Pero algo así de sencillo.

He probado a hacerlo con un <li> pero el estilo que hay de los li me pone otro icono.

No se me da muy bien el css aun xDDD

Blash #4 Nov '18

Alguien me da alguna posible solución?

Blash #5 Nov '18

Ya encontré la solución, para el que lo necesite.

dashicon::before {
font-family: "dashicons";
font-size:50px;
color: #ff7e00;
content: "\f160";
margin-right:6px;
vertical-align:text-bottom;
}

<dashicon><span style="font-size:16px; font-weight:bold; "> PRECIO REAL: 444€</span></dashicon>

Icono Dashcoin y texto

Usuarios habituales

Tags