Avisos
Vaciar todo

Problemas para personalizar 2 secciones  

 
Leonardo
 Leonardo
Usuario experto

Buenas tardes, me gustaría que pudieran ayudarme con 2 problemas que estoy presentando en mi sitio web que estoy terminando de diseñar.

 

1. En el formulario de contacto, cuando aparece el Mensaje de éxito, queda un espacio en blanco que no puedo personalizar con codigo css ni con el maquetador, quisiera que el color azul quedara hasta abajo.

 

2. En el footer, en la sección apóyame, quisiera que salieran los iconos (en png) en miniatura al lado izquierdo del nombre de Ko-fi y About Me pero sin plugins, sólo con código pero no encuentro la forma.

 

Si algún profesional y equipo de soporte pudiera ayudarme con estos temas se lo agradecería mucho. Si desean que adjunte alguna imagen, con gusto lo haré.

 

Espero su respuesta. Gracias.

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 19/02/2022 6:25 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Leonardo,

Respondido por: @leonardowebdesignoficialgmail-com

1. En el formulario de contacto, cuando aparece el Mensaje de éxito, queda un espacio en blanco que no puedo personalizar con codigo css ni con el maquetador, quisiera que el color azul quedara hasta abajo.

En este caso es que cada columna esta tomando un alto independiente para evitar estos espacios en blanco cuando una columna cambie de tamaño vamos a activar la opción de "igualar las alturas de las columnas" en las opciones de diseño de la fila, con ello debería de bastar

image
Respondido por: @leonardowebdesignoficialgmail-com

2. En el footer, en la sección apóyame, quisiera que salieran los iconos (en png) en miniatura al lado izquierdo del nombre de Ko-fi y About Me pero sin plugins, sólo con código pero no encuentro la forma.

Por medio de un código sencillo puedes agregar cualquier icono disponible en Divi, también a dicho código puedes aplicarle estilos ya sea directamente a su clase o por medio de editar el propio código, por ejemplo

Código simple

<span class="et-pb-icon">E</span>

Código con estilos

<span class="et-pb-icon" style=" color: white; font-size: 20px; padding-right: 10px; vertical-align: middle;">E</span>

Por ultimo te dejo la documentación directa de Divi donde tienen un listado con los codigos correspondientes a cada icono https://www.elegantthemes.com/blog/resources/elegant-icon-font

Saludos!

 

ResponderCitar
Respondido : 19/02/2022 7:32 pm
Leonardo me gusta

Leonardo
 Leonardo
Usuario experto

Hola Bruno, gracias por tu ayuda, con respecto a la primera, ya lo logré solucionar, gracias por el aporte. En cuanto al segundo problema, no quiero iconos de ningun sitio web, sino el logotipo en png de Ko-fi y About Me (ya los tengo descargados), implementarlos al lado izquierdo y luego que aparezca sus nombres en texto. Estos logos los quisiera en miniatura y que no se vean borrosos. ¿Existe algunda forma de lograrlo?, cabe destacar que revisé los iconos a ver si estaban los iconos de Ko-fi y About Me pero no existen.

ResponderCitar
Respondido : 19/02/2022 8:08 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Leonardo, 

Excelente! Me alegra que hayas solventado lo de la sección

Ahora bien con respecto a lo del icono creo que hay que tratarlo como una imagen y no como un icono, puedes cargar la imagen directamente en el editor de texto y aplicarle las proporciones y estilos necesarios para que tome el aspecto deseado. 

Si gustas has la prueba y si necesitas apoyo en darle forma pues estaremos atentos por acá. 

Saludos! 

ResponderCitar
Respondido : 19/02/2022 8:34 pm

Leonardo
 Leonardo
Usuario experto

Hola Bruno, lo he intentado pero no me sale en el editor de texto la opción de cargar una imagen antes o después del texto que escribo, sé que con un plugin se puede pero no quisiera instalar plugins para eso, conoces alguna forma?

ResponderCitar
Respondido : 19/02/2022 8:45 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Leonardo,

Sin problema, échale un vistazo a fondo al editor de texto y podrás ver la siguiente opción, la cual te permite agregar imágenes a tu texto

image

Por otra parte si quieres ser mas especifico puedes agregar el código de la imagen sin embargo recuerda que de forma previa tienes que cargar la imagen a tu biblioteca de medios para poder obtener la URL valida de la misma 

image

Desde la pestaña de texto vamos a poder editar dicho código generado al insertar una imagen 

image

Saludos!

ResponderCitar
Respondido : 20/02/2022 12:47 am