How to get the subscribe block to look the same as in the draft?

  • Resolved douglerner

    (@douglerner)


    5 years, 6 months ago

    When editing the page, I am choosing the subscribe block. The draft shows a nicely formatted block with a pretty Subscribe button.

    But that nice format gets lost in preview, and as you can see it becomes a vanilla sort of HTML form in the final page.

    How do we get it to look like in the HTML editor when adding that block?

    I also tried the subscribe short-code, but the result is a bunch of extra spaces between each line in the subscribe form, not looking like the short-code docs at all.

    Any hints here would be appreciated. In case it was the theme interfering I tried a bunch of different themes, but it didn’t help.

    Thanks,

    doug

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support lizkarkoski

    (@lizkarkoski)

    Hi Doug –

    Thanks for getting in touch. I can see the current subscription widget in the sidebar at https://lerner.net/subscribe/. Could you send along a screen shot of what that looks like with the nicer formatting?

    Also, let’s do a little trouble shooting.
    – Check it out with a different browser for any different behavior.
    – Clear the browser cache and try again: https://en.support.wordpress.com/browser-issues/#clearing-your-browser-cache
    – Rule out another plugin conflict (turn them all off, leave Jetpack enabled).

    There are some more details about customizing the subscriptions on this page: https://jetpack.com/support/subscriptions/

    Thread Starter douglerner

    (@douglerner)

    Hi Lizkarkoski,

    The side widget looks fine. I was having problems getting the subscription block or subscription short-code looking nice in the link you mention.

    I had been looking from Chrome, but I just tried from FireFox and Safari and it’s the same.

    I gave up on the short-code for now and am just concentrating on the subscribe block.

    This screenshot shows what it looks like when editing the page:

    https://www.dropbox.com/s/1cc77n59aln899n/Subscribe%20Block%20in%20editor.png?dl=0

    And as you can see, here is what the subscribe block looks like in both preview and on the page.

    https://www.dropbox.com/s/dns0zsaxo5a5yyn/Subscribe%20block%20on%20the%20page.png?dl=0

    The nicer formatting and button appearance are lost and it becomes more “vanilla HTML form elements.”

    With the short-code instead of the subscribe block it is even worse because multiple blank lines are added between elements, stretching out the form vertically.

    My guess is some CSS is being lost somewhere between the editor and preview/save.

    Any ideas?

    Thanks,

    doug

    Plugin Support supernovia

    (@supernovia)

    Hi Doug, I suspect you’re right about the CSS being lost, or perhaps overridden by something in your site’s style or through another plugin.

    Right now I cannot see the subscribe form at all. Can you add that back so we can take a look?

    Thread Starter douglerner

    (@douglerner)

    Hi. Thanks, but I decided to move on and try to find another plugin for this. The reason being that Jetpack has no way of inviting email users to subscribe to the blog posts! So I have no way of adding back my list of subscribers and easily getting people to confirm their subscription and sign up again!

    The “invite” feature with the “subscriber” role unfortunately is not the same as a subscriber via the subscribe form (as discussed in the other thread) which is, to be honest, incomprehensibly confusing!

    Thanks though.

    doug

    Plugin Support supernovia

    (@supernovia)

    Sorry to hear that. Thank you for the update, though!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to get the subscribe block to look the same as in the draft?’ is closed to new replies.