Support » Plugin: Osom Modal Login » Styling login modal link

  • Resolved Carsten Lund

    (@carsten-lund)


    Hi there, I would like to style the login modal link generated by the [osom-login] Custom text [/osom-login] shortcode as a button, but I cant find the selector.

    How do I add class to this link for styling?

    Regards

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor Nahuai Badiola

    (@nahuai)

    Hi Carsten.

    You can use span.alogin for styling the element as a button.
    Here is an example:

    .span.alogin {
        display: inline-block;
        background-color: #911f10;
        padding: 0.5rem 1rem;
        border-radius: 5px;
        color: #fff;
    }

    I hope that helps.

    Best,
    Nahuai

    Thread Starter Carsten Lund

    (@carsten-lund)

    Hi Nahuai, thanks for bringing up a solution, for some reason the code example does not target the login on my page, any idea what can be wrong?

    Regards
    Carsten

    Plugin Contributor Nahuai Badiola

    (@nahuai)

    Hi Carsten.

    Could share an URL so we can examine it?

    Best,
    Nahuai

    Thread Starter Carsten Lund

    (@carsten-lund)

    Hi Nahuai, thanks for looking into this

    wedate.dk

    Regards
    Carsten

    Plugin Contributor Nahuai Badiola

    (@nahuai)

    Hi Carsten.

    I just realized that I suggest you to modify span.alogin but in the example a shared there were was an extra dot(.) before it.

    I tried this on your web an worked fine:

    span.alogin {
        display: inline-block;
        background-color: #911f10;
        padding: 0.5rem 1rem;
        border-radius: 5px;
        color: #fff;
    }

    Best,
    Nahuai

    Thread Starter Carsten Lund

    (@carsten-lund)

    Hi there, thanks for the correction, I was wondering about the extra dot myself before span 😉 It’s working perfectly now.

    Thanks again for your support

    Best
    Carsten

    Plugin Contributor Nahuai Badiola

    (@nahuai)

    Glad to help. 😉

    Best,
    Nahuai

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.