[Resolved] need comment box down and name at top

[vara prasad]

need to comment box at down and name at top and need to comment box name as show in images

https://ibb.co/nsWyKNS

[Leo]

Hi there,

Try this CSS:

.comment-form {
    display: flex;
    flex-direction: column;
}
.comment-form #author {
    order: -1;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[vara prasad]

works great now in name box its showing that *name but in comment box its don’t showing any thing like *comment i want to show *comments label in comment box

[Leo]

Sorry what? Can you explain a bit more?

[vara prasad]

Sorry for my bad english CSS code works only for distop site whean i opean my site in mobile the name box is showing in down Side agian

https://prnt.sc/srf3k9

look at my screen shot you can understand

[Leo]

Looks like you’ve wrapped my CSS in desktop only media query which is something I didn’t add:
https://www.screencast.com/t/h7C6cseyVm4m

Maybe you forgot to add a } in the previous @media (min-width: 769px) { somewhere?

[vara prasad]

ya sry it’s working now thank you so much

[Leo]

No problem 🙂

[vara prasad]

if i want to email box also in top i use below css but do you have any better css than this… because i dont know css just tryed this i repeat the code two times

.comment-form {
    display: flex;
    flex-direction: column;
}
.comment-form #author {
    order: -1;
}

.comment-form {
    display: flex;
    flex-direction: column;
}
.comment-form #email {
    order: -1;
}

[Leo]

You can remove the duplicated code:

.comment-form {
    display: flex;
    flex-direction: column;
}

[Author]

Posts