You could use flexbox instead of table if wanting to do this with css. Flexbox lets you order elements easily:
#commentform {
display: flex;
flex-flow: column;
}
.comment-form-comment {
order: 1;
}
.comment-form-url {
order: 2;
}
.comment-form-email{
order: 3;
}
.comment-form-author{
order: 4;
}
.form-submit{
order: 5;
}
Here’s an example:
http://codepen.io/candid/pen/NxKJyW/
Related Posts:
- Making a
- How to change the color of an svg element?
- How to implement max-font-size?
- @Media min-width & max-width
- How do I center this form in css?
- How can I replace text with CSS?
- Bootstrap 4, How do I center-align a button?
- How do I horizontally center a span element inside a div
- What does an asterisk (*) do in a CSS selector?
- height style property doesn’t work in div elements
- Text not wrapping inside a div element
- How to make padding:auto work in CSS?
- How to vertically center inside the parent element with CSS?
- combined multiple classes into one css rule
- CSS Outside Border
- CSS not working in Chrome
- CSS3 opacity gradient?
- use multiple css filters at the same time?
- CSS fixed width in a span
- Adding border to CSS triangle [duplicate]
- How to enqueue style before style.css
- How to Edit the Order of Global Colors in Elementor? [closed]
- plugin css is not being applied to the page?
- WordPress & W3C CSS Validation
- CSS in child theme not getting loaded
- CSS ?ver=4.6.1 not updating
- How to highlight all current categories when viewing a single post?
- Changing Font-Size based on specific Font thru javascript
- How to get child style.css to load last rather than second behind parent style.css?
- Duplicate attribute class causing site validation error
- Assets in css dont link properly in pages other than home
- Do I have to use a WordPress specific CSS reset, or is a normal, Eric Meyer style CSS reset fine?
- Relative file paths in CSS when linking directly (not enqueuing)
- How/where to add additional stylesheet to WP
- How the Css File is Linked without calling it in header.php?
- Is there a filter for editor-style.css file?
- Custom CSS class or ID on menu items that have a Submenu
- Show enqueued CSS and Script in custom header
- How to insert html/css/javascript code to wordpress plugin
- Save changes in CSS after removing Menu from specific page
- Pure CSS to “float” to the right the number of children of an admin_bar child node
- WordPress adding inline style can’t remove it
- Trying to figure out why my child theme is trying to access a file that doesn’t exist
- How to edit the default icon of Add Media button?
- Advanced: understanding wp_add_inline_style function
- Hide Image On WordPress On Single Page [closed]
- Faster fonts on mobile
- WordPress code editor messed up my code!
- Ordering stylesheet above using functions.php
- How to change “““ to “““?
- How to remove parent style.css from the header
- How to remove the gap on right side of webpage (using Bootstrap with WordPress)?
- enqueing Javascript and CSS
- Acessing HTML element with no specific tag on it [closed]
- Show class from css in format dropdown
- Order of WP page load (including widgets, php, plugins, media, templates, and CSS) [duplicate]
- With over a page of content the footer remains where the bottom of the screen was at top scroll
- CSS is not loaded on mobile devices
- How to add/insert a class to a sidebar in single.php?
- How can I add inline CSS for each image?
- Creating a second menu on Twenty Eleven aligned right from the first
- Customizing WP-syntax to get custom colors
- Sidebar missing from Homepage
- I have html form and need to make it work in text editor on template. Only problem is it has .sccs styling file
- 2 css files? Theme css file gets override by another css file that I can not edit
- How to insert the current user’s role into the body class in the admin backend
- Need to make sidebar responsive only when screen width is greater than 1024px
- Does anyone know how to make text fade in when scrolling down, that doesn’t require any plug-ins? [duplicate]
- Unused CSS in WordPress Plugins
- I have text on a banner on my wordpress site and I am unable to get rid of it? Would appreciate any help or advice :-)
- How to change specific menu tab from left to right in My Home Theme?
- Admin bar default color scheme for nonregistered/nonlogged users
- Lines of CSS only being delivered while logged in
- How to display javascript banner in website header?
- How to Take Logo Out of Navigation Menu? [closed]
- Make different border color gallery items
- Loading css files conditionally useful?
- How remove the white space between my menu and slider?
- Customizer: CSS changes not persistent
- Move both sidebars more to their sides [closed]
- Style Switching
- Which hook to use to add notification message at beginning of my
- Theme looks ugly – FOUC – stylesheets loaded in footer
- How to make widgetized footer styles be inherited from body?
- custom css in admin panel by user id
- Site layout problems when logged in due to admin bar
- Add “sub-nav” class to a sub menu parent item
- Current Post/Page Ancestor, CSS
- How to target only one element if more elements share the same CSS class
- Can’t override CSS with child theme
- Custom css code in wordpress [closed]
- Using Easy Google Fonts correctly and Droid Sans on Max OS X [closed]
- remove white overlay [closed]
- Why doesn’t media(max-width) work on h2 title?
- How to use WordPress 3.8 back-end CSS in front-end?
- Narrow paragraph block aligned to left of “wrapper”
- Transparent Overlay for Gravity Forms Ajax Spinner
- Remove the main title, but only from the main page
- Customize margin between paragraphs using the Gutenberg Style editor
- How to remove automatically added custom style tag?