Shortcode not utilizing theme

  • Resolved landondavis

    (@landondavis)


    4 years, 8 months ago

    Hi all,

    So I am using the free version of this plugin and trying to obtain a nice looking login/registration page for my users. I was watching this tutorial (Scrub to 8:45) and he is able to apply his theme’s formatting to the login page itself. I am using Astra Pro and I don’t know how to do that. If you go to my site’s link I provide you will see the formatting is all wack. I can I apply my Astra formatting to shortcode on my page as he did on the tutorial?

    Thank you!!

    • This topic was modified 4 years, 8 months ago by landondavis.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Paul

    (@paulplapsa)

    Hello @landondavis,

    Thank you for reaching out to us.

    The Profile Builder forms are built to try and automatically take on the look and feel of a website’s theme and even if this does not always work most issues can usually be resolved with a few lines of CSS.

    In this case you can add the CSS bellow to your website via your Customizer interface: WordPress -> Appearance -> Customize -> Additional CSS

    .wppb-user-forms ul li {
  list-style: none;
  padding-bottom: 0.5em;
  display:grid;  
}

#wppb-register-user>ul {
  margin: 0 0 0 0;
}

    This should fix most of the formatting issues on the page you linked.

    Best Regards,
    Paul

    Thread Starter landondavis

    (@landondavis)

    Hi Paul,

    Thanks for getting back to me. That worked! I have just a few more problems. The Login page still looks a little weird. Also, the formatting is fixed, but the register page is cut off above the “First Name” box. The start of the page has the same top/logo as the login page but you cant scroll up to see it. This could be a problem with elementor. I tried adding a spacer but was of no avail.

    Thanks again.

    Paul

    (@paulplapsa)

    Hi @landondavis,

    The CSS bellow should take care of the formatting issue for the Login form:

    .wppb-user-forms p {
  display: grid;
}

    Unfortunately I am not sure what is causing the Register page to be cut off, but it does seem to be an Elementor issue.

    Regards,
    Paul

    Thread Starter landondavis

    (@landondavis)

    Thank you @paulplapsa. I appreciate the help.

    Paul

    (@paulplapsa)

    You are welcome!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Shortcode not utilizing theme’ is closed to new replies.