[Resuelto] Botón Responder en Comentario + Icono

Hola Edwin.

Prueba añadiendo lo siguiente en Apariencia -> Personalizar -> CSS Adicional:

.comment_area .comment-reply-link {
top: auto;
}

Tienes un Curso de CSS que te puede ayudar a identificar las clases y realizar las modificaciones de CSS que necesites, no es difícil y con las herramientas para desarrolladores del navegador te resultará muy fácil poder probar los resultados. Además de divertirte te ayudará a entender un poco más cómo funciona el lenguaje de diseño de CSS y asi realizar las modificaciones que necesites sin depender de terceros.

-> Curso de CSS en WordPress

Un saludo

@pepesoler, primero que todo gracias por responder. Pepe el código no funciono.

Hola Edwin.

Antes de mandarte el codigo lo probe y vi qu efuncionaba bien, Puedes añadirle la etiqueta !important:

.comment_area .comment-reply-link {
top: auto!important;
}

Tienes la web en mantenimiento y no puedo revisarlo, si no funciona abre la web y lo revisamos.

Un Saludo

@pepesoler, te adjunto un clips, donde me explico mejor.

El botón responder comentario no esta alineado al icono, ya con el botón enviar comentario se había presentado lo mismo y esta solucionado.

Te agradezco.

Hola Edwin, 

En este caso revisa si el siguiente código CSS te permite alinearlo como necesitas. 

.comment-body .et_pb_button:hover::after {
margin-top: 0px !important;
}

Un Saludo

@karen, disculpa, como quedaría para que no gire de abajo hacia la izquierda, dado que esta hace un giro. Sino que quedara de manera más sutil como el botón enviar comentario.

Te agradezco la colaboración.

Hola Edwin, 

Prueba si el siguiente código CSS elimina esta animación

.et_pb_button:after, .et_pb_button:before {
position: relative;
margin-right: 0em;
}

Un saludo 

@karen, ahora sobresale espacio a la izquierda y afecta todos los botones. Te adjunto clip para explicarme mejor.

Te agradezco.

Hola Edwin, 

Prueba si el siguiente código te permite corregir el espacio que necesitas

.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
padding: 0.3em 0.7em 0.3em 0.7em;
}

Un saludo 

@karen, quedo como al comienzo de la pregunta, y ahora se salen todos los ICONO de los botones. 

Hola Edwin

Por Favor abre la web para que podamos revisarlo, al tener la web cerrada no podemos realizar las pruebas que necesitamos.

Un saludo

@pepesoler, disculpa pepe, la había puesto en mantenimiento dado que era muy tarde y como todavía no esta lista, trato de evitar rebote. Ya esta habilitada. 

Hola Edwin.

Veo que el código que adjunte al principio funciona bien.

Elimina todos los códigos anteriores y añade los siguientes:

.comment_area .comment-reply-link {
top: auto!important;
}
body.et_button_custom_icon #page-container .et_pb_comments_0_tb_body.et_pb_comments_module .et_pb_button:after {
margin-top: initial!important;
}
.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
padding: 0.3em 1.5em 0.3em 0.7em!important;
}

El resultado sera este:

Un Saludo

@pepesoler, pepe, gracias por tú paciencia, te comento que esta funcionando, pero se desconfiguro el botón enviar comentario.