Styling Options

  • Resolved vchub

    (@vchub)


    10 years, 2 months ago

    I’m checking out the plugin, and I am ecstatic about the fact that it only creates a profile for the front end of my ecommerce site.

    I’m having an issue with styling forms, however. The input fields are extremely wide, and the buttons aren’t aligned to the left. I’m not great with code, but is this something that can be altered within the plugin?

    https://ww.wp.xz.cn/plugins/front-end-only-users/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter vchub

    (@vchub)

    10 years, 2 months ago

    I used this css in my theme options, and it fixed the Login page, but then the Register page is thrown off. What is the tag to specify the “register” page in css?

    .ewd-feup-text-input{max-width:45%; position:relative; left:-150px; bottom:42px;}

    Plugin Contributor etoilewebdesign

    (@etoilewebdesign)

    10 years, 2 months ago

    Hi vchub,

    Try using the following as your CSS element:

    .ewd-feup-register-form-div .ewd-feup-text-input {}

    If you can’t get it to work with that, then could you please provide us with a link to your site and let us know exactly what you want to change the formatting on?

    Thank you

    Thread Starter vchub

    (@vchub)

    10 years, 2 months ago

    Got it to work! Thanks so much for the quick response. Making the styling work in my theme makes this plugin exactly what I was looking for.

    -VChub

    jrink

    (@jrink)

    10 years, 1 month ago

    Hi—I’m having the same style issue with the way the login page is showing on my site.

    http://www.scivera.com/devandra/member-log-in/

    I tried the css suggestion above and it did not have any effect.

    I’d be happy to paste the customized css for the theme if that would help.

    Thanks!

    -Joe

    Plugin Contributor etoilewebdesign

    (@etoilewebdesign)

    10 years, 1 month ago

    Hi jrink,

    The CSS we provided above is specific to the register form.

    You can adjust the styling of the login input labels using the following CSS class:

    .ewd-feup-login-label {}

    and the submit button using the following class:

    .ewd-feup-login-submit {}

    jrink

    (@jrink)

    10 years, 1 month ago

    Thank you!

    One more question: Would the input field (size and location) be styled using this:

    .ewd-feup-login-label .ewd-feup-text-input {}

    Plugin Contributor etoilewebdesign

    (@etoilewebdesign)

    10 years, 1 month ago

    Hi,

    You can use just:

    .ewd-feup-text-input {}
Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Styling Options’ is closed to new replies.