Support » Plugin: Post Notif » Formatting widget

  • Resolved hbee

    (@heatherbodlak)


    Hi,
    Great plugin! I am finding it perfect for what I need.
    However, I am having a hard time personalizing the design of the widget on the page.
    How could I remove the indent that appears to the left of the “Submit” button? And is there any way I can increase the space between the two input fields?
    Thank you!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Devon Ostendorf

    (@devonostendorf)

    Hi heatherbodlak,

    Thanks for trying out Post Notif (and for the kind words!).

    Though some widget-formatting options were recently added to the plugin (in v1.1.5), I acknowledge they merely scratched the surface of the changes one might wish to make to the widget.

    The double-edged sword of WordPress theming allows for an infinite variety of appearances for sites built with WordPress, but makes it difficult for plugin authors, whose plugins render visible components, to ensure everything looks good in EVERY theme out there.

    If you have access to and are comfortable with directly modifying your file server contents, you can try adding CSS to your (theme’s) stylesheet (../wp-content/themes/[THEME NAME]/style.css); something like the following should left-align the Submit button with the input fields above it (you may need to experiment with the number of pixels to get it just right):

    #id_frmSubscribe ul button#id_btnSubmit {
    	margin-left: -39px;
    }

    Alternatively, if you’d like to modify a plugin file, instead, you can edit ..wp-content/plugins/post-notif/includes/views/widget.php, replacing line 26 (<ul> with <br />) and removing line 28 (</ul>) entirely. The major difference, with this approach, is that you’ll have to re-apply this change each time you update Post Notif to a new version.

    As for increasing spacing between the two input fields, you can add something like this (adjusting the number of pixels however looks best to you) to your stylesheet:

    #id_txtEmailAddr {
    	margin-top: 15px;
    }

    Hope this helps,
    Devon

    Plugin Author Devon Ostendorf

    (@devonostendorf)

    Hi heatherbodlak,

    I hope that, with version 1.3.0’s vastly expanded widget customization opportunities, you have been able to get the widget to look the way you’d like it to (especially since the changes to id and class conventions rendered my previous response out-of-date 🙂 ).

    Since it has been a couple of months since there’s been activity on this thread, I am going to mark it as resolved.

    Thanks,
    Devon

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Formatting widget’ is closed to new replies.