Move submit comment button

[LHWC]

I'm trying to move the option I have to upload photos with comments by adding an action to the function.php file of my theme.
I need to move the "choose file" option just above the "Submit Comment" button. Please take a look at this link and you'll see the placement of the upload option http://livinghealthywithchocolate.com/desserts/egg-free-chocolate-chip-cookies-paleo-vegan-6685/#respond
Can you please help me write the function to move it up above the submit button? Thanks!!

P.S. the plugin to upload photos is called Comment Image. The author of the plugin said that the problem is where my theme calls the "comment_form" injection action. And he said I'd have to code a custom comment form to make this happen. I'm not really sure how to make this work and move the submit button's position.

http://livinghealthywithchocolate.com/desserts/egg-free-chocolate-chip-cookies-paleo-vegan-6685/#respond

[Christoph]

Hi,

I'd try moving them with CSS first:

.form-submit input[type="submit"] {
    margin-top: 70px;
}

.comment-form p:last-of-type {
margin: -210px 0 80px;
}

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[LHWC]

Thank you Christopher! Using CSS works, but it looks different on different browsers. Your CSS looks perfect on Chrome but on Safari the upload option is on top of the rating. And also on mobile it's looks off. Do you have any suggestions? Thank you very much!

[Christoph]

Sorry, you'd have to use Safari's Dev Tools and play with the margin.
You could try adjusting the margins in the media queries for mobile.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[LHWC]

So I am using it both on chrome and safari to see what works, and somehow the margin of -210px places the option in different places in each browser. A margin of -175px in Safari works but not in chrome.

comment-form p:last-of-type {
margin: -210px 0 80px;

[LHWC]

I was able to make it work on all browsers and mobile. Thank you so much Christoph!!

[Author]

Posts