How can I style a login form? As I'm logged in I can't view it!

This topic has 1 reply, 2 voices, and was last updated 7 years, 10 months ago by Sebastian.

Author	Posts

sitestreet June 28, 2017 at 9:10 pm	Heads up! this post was created when Microthemer was at version 5. The current version is 7. Some references to the interface may be out of date. I have a login form placed on a page using Toolset Views (wp-types.com) but I need to style it, ideally with Bootstrap styling to match the rest of the site. But, because I’m logged in, I can’t view the form so can’t access Microthemer. What’s the technique for styling that?
Sebastian June 29, 2017 at 4:33 pm	Hi there, This is a tricky one for Microthemer. The best workaround I can suggest is copying the HTML for the form when logged out, and then pasting the code into a new test page via the ‘Text’ tab of the WordPress editor. You can see a video demonstration of this here: http://screencast-o-matic.com/watch/cb1UDulQ8X (note, I copied the HTML while still in the MT interface, you would copy the HTML when viewing the page after logging out of course). Please let me know if you need any assistance with this task. Also, keep an eye on the selectors Microthemer generates when styling the form on the test page. You need to make sure Microthemer doesn’t tap into any page specific classes or ids like #post-123. Otherwise the styles won’t be effective on the real form. Cheers, Sebastian

Author

Posts

sitestreet June 28, 2017 at 9:10 pm

Heads up! this post was created when Microthemer was at version 5. The current version is 7. Some references to the interface may be out of date.

I have a login form placed on a page using Toolset Views (wp-types.com) but I need to style it, ideally with Bootstrap styling to match the rest of the site. But, because I’m logged in, I can’t view the form so can’t access Microthemer. What’s the technique for styling that?

Sebastian June 29, 2017 at 4:33 pm

Hi there,

This is a tricky one for Microthemer. The best workaround I can suggest is copying the HTML for the form when logged out, and then pasting the code into a new test page via the ‘Text’ tab of the WordPress editor.

You can see a video demonstration of this here: http://screencast-o-matic.com/watch/cb1UDulQ8X

(note, I copied the HTML while still in the MT interface, you would copy the HTML when viewing the page after logging out of course).

Please let me know if you need any assistance with this task. Also, keep an eye on the selectors Microthemer generates when styling the form on the test page. You need to make sure Microthemer doesn’t tap into any page specific classes or ids like #post-123. Otherwise the styles won’t be effective on the real form.

Cheers,
Sebastian

You must login or register to reply to this topic.

How can I style a login form? As I'm logged in I can't view it!

Support