SWELLの投稿ページのコメント入力欄の表示順を入れ替えるカスタマイズ

display: flex;
flex-direction: column;

/* flexboxで要素を縦並びにする */
.l-mainContent__inner {
display: flex;
flex-direction: column;
}
/* アクションフックswell_before_post_head */
.link-textcolor.link-posthead {
order: 1;
}
/* 記事タイトル */
.c-postTitle {
order: 2;
}
/* カテゴリー・日付 */
.p-articleMetas {
order: 3;
}
/* アクションフックswell_before_post_thumb */
.link-textcolor.link-postthumb {
order: 4;
}
/* 記事上部ウィジェット */
.w-singleTop {
order: 5;
}
/* 記事本文 */
.l-mainContent__inner .post_content {
order: 6;
}
/* 記事下部ウィジェット */
.w-singleBottom {
order: 7;
}
/* 記事下のカテゴリー・タグ */
.p-articleFoot {
order: 8;
}
/* 記事下のSNSシェアボタン */
.c-shareBtns.-bottom {
order: 9;
}
/* 左固定のSNSシェアボタン */
.c-shareBtns.-fix {
order: 10;
}
/* コメント欄 */
.l-articleBottom__section.-comment {
order: 11;
}
/* その他の記事下要素 */
.l-articleBottom {
order: 12;
}