Home / Forums / You Theme Support / CSS for third party plugin page?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts

  • simon
    Participant

    Hey Guys,
    I am using amember software to secure my buddypress page.
    They have an option to make the sign-up page use the theme.
    The problem is that it seems to make the sign up too wide and the button has a white writing and hard to see.
    Is there a way to fix this page without changing the site’s settings?
    http://members.institutechiro.com/amember/signup

    thanks.
    Simon

    Hi Simon

    To decrease the form’s width, use this CSS:

    .am-body-content {
        width: 80%;
        margin: 0 auto;
    }

    To change the font color on the ‘Next’ button, use this CSS:

    #_qf_page-0_next-0 {
        color: #333333;
    }

    Regards,


    simon
    Participant

    perfect. thank you.


    simon
    Participant

    Hi again.
    It looks like are other popups in the sign in process and the buttons are not changing.
    Some are too light – which led to user error.
    Please let me know if we can extend this?
    thanks.
    Simon

    Andy
    Andy
    Keymaster

    Hi Simon,

    The plugin seems quite intrusive with regards to the CSS.

    Try the following:

    .am-body-content a.button, input[type=button], 
    .am-body-content input[type=submit] {
        background: none;
        border: none;
        padding: 0.8rem 1.6rem;
        color: #fff !important;
        text-shadow: none;
    }
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.