Support » Plugin: UsersWP - User Profile & Registration » urgent: css looks ugly

  • Resolved na1man

    (@na1man)


    hello, support,
    I just installed your plugin to replace the ultimate member plugin.
    I have one request though: some pages the CSS is fine and other pages like members directory look ugly and unreadable.
    I want the plugin to use the CSS of my theme for great user experience.
    what should I do about this issue?
    you can try to register for free if you want to test!
    kind regards, nicolas

    The page I need help with: [log in to see the link]

Viewing 9 replies - 16 through 24 (of 24 total)
  • Plugin Author Stiofan

    (@stiofansisland)

    By default new fields are only editable from the account page, you don’t want to scare people off from registering, though u can add them to register by clicking the advanced button, then there is an option at the bottom to add to register form.

    Stiofan

    is it possible to apply the default style of my theme for the view button?
    https://ibb.co/7Vgdk0d

    Plugin Author Stiofan

    (@stiofansisland)

    With a little CSS you can match them, we don’t provide customization but here is something to get you started

    .btn.btn-outline-primary {
        color: #fff;
        background: #3e69dc;
        border: 0;
        border-radius: 5em;
        display: inline-block;
        font-size: 13px;
        font-size: 0.8125rem;
        font-weight: bold;
        letter-spacing: 0.0625em;
        line-height: 1.3847;
        padding: 0.5625rem 1.5em;
        text-transform: uppercase;
    }
    .btn.btn-outline-primary:hover {
        border: none;
        background: #2c313f;
        outline: none;
    }

    You might also want to add the same but with .btn.btn-primary also.

    Thanks,

    Stiofan

    that works great thanks. but buttons on the account page didn’t update. they still have the old style even though they .btn.btn-outline-primary

    Plugin Author Stiofan

    (@stiofansisland)

    As mentioned you might also have to add the other class (not tested this)

    .btn.btn-outline-primary,.btn.btn-primary {
        color: #fff;
        background: #3e69dc;
        border: 0;
        border-radius: 5em;
        display: inline-block;
        font-size: 13px;
        font-size: 0.8125rem;
        font-weight: bold;
        letter-spacing: 0.0625em;
        line-height: 1.3847;
        padding: 0.5625rem 1.5em;
        text-transform: uppercase;
    }
    .btn.btn-outline-primary:hover,.btn.btn-primary:hover {
        border: none;
        background: #2c313f;
        outline: none;
    }

    Stiofan

    and here I have 3 issues (cf screenshot https://ibb.co/Qjs9Ht1)
    – the dropdown menu style doesn’t look like it’s the theme’s one,
    – the hover code gets one warning in CSS,
    – the bottom button takes a lot of space instead of auto-scaling.

    Plugin Author Stiofan

    (@stiofansisland)

    As I stated earlier, we don’t do customizations, i was just trying to point you in the right direction.

    – the dropdown menu style doesn’t look like it’s the theme’s one,
    Right, its our own style, its not even a real dropdown, doing it this way lets us do advanced things with positioning.

    – the hover code gets one warning in CSS,
    I literally copied your theme CSS, if it has a warning its inherited from your them. (this will not affect usage in any way).

    – the bottom button takes a lot of space instead of auto-scaling.
    That’s how we choose to display it, you can change it with css if you wish.

    Thanks,

    Stiofan

    OK anyway, thanks a lot for your quick help.

    Plugin Author Stiofan

    (@stiofansisland)

    You are very welcome. Good luck with your project 🙂

    Stiofan

Viewing 9 replies - 16 through 24 (of 24 total)
  • You must be logged in to reply to this topic.