Login not rendering properly

[Rob Bennett]

Hi

The log in form at Little-Vikings/events/club/add isn’t rendering properly – any thoughts?

Thanks
Rob

[Rob Bennett]

This reply is private.

[Cliff]

This reply is private.

[Rob Bennett]

This reply is private.

[Cliff]

I see.

This is because your theme does have styling for such fields.

If you need a theme, you’re welcome to try out WPShindig’s theme: http://wpshindig.com/download-mt-demo-theme/

Otherwise, you’ll need to add the styling yourself or ask your theme author for support on this topic.

[Rob Bennett]

Pleas excuse the broken English of the theme developer but here is their reply:

“Hi Rob,

It is unfortunate by their reply. I guess you know that the styling on their link is coming from their end. The template being used to display the login form is coming from the plugin developers.

We can do not offer this support under theme support. You might have to hire someone to help in styling it.”

I seem to be falling between two stools.

Thanks
Rob

[Cliff]

Thanks for the update, Rob.

Please enable Anonymous Submissions or provide me an Administrator login in a Private Reply and I’ll be able to look at your Community Events form.

[Rob Bennett]

This reply is private.

[Rob Bennett]

This reply is private.

[Cliff]

This reply is private.

[Rob Bennett]

This reply is private.

[Cliff]

Gotcha. Sorry for the misunderstanding.

Please know that we do not normally provide CSS assistance, per our Scope of Support / Terms. However, here’s some CSS to help you on your way:

.tribe_community_edit:not(.logged-in) #tribe-events {
max-width: 400px;
background: #f7f7f7;
border: 1px solid #eee;
margin: 50px auto 100px;
padding: 2%;
}
.tribe_community_edit:not(.logged-in) #tribe-events .login-username input,
.tribe_community_edit:not(.logged-in) #tribe-events .login-password input {
display: block;
width: 100%;
margin-top: 10px;
padding: 10px 0;
}
.tribe_community_edit:not(.logged-in) #tribe-events .login-username,
.tribe_community_edit:not(.logged-in) #tribe-events .login-username {
text-align: center;
}

With it in place, here’s how it looks for me on your site: https://cl.ly/0H333x3g2s0y

Note that you may need to adjust the CSS to your liking or add to it to account for responsive design situations.

You can add custom CSS code via your child theme’s style.css file, via WordPress 4.7’s Customizer CSS settings, or via a third-party plugin (not guaranteed or supported by us), like:

• SiteOrigin CSS (helps you visually build CSS selectors via its Inspector and Visual Editor, if that’ll help you)
• Simple Custom CSS
• Jetpack (supports regular CSS and the LESS and Sass pre-processors)

If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.

Please let me know how it goes for you.

[Rob Bennett]

Hi Cliff

I am so grateful – thank you. That works perfectly now.

Thanks again for your patience and assistance.
Rob

[Cliff]

You’re very welcome, sir. Have a great weekend!

[Author]

Posts