Newsletter subscription treatment

  • Author
    Posts
  • #51013

    I’m adding a newsletter subscription widget and would like to give it a visual treatment similar to the Septera search bar widget. I was planning to model my newsletter sign-up form using the Septera search bar but the stylesheets are using an attribute selector (i.e. [type=submit]) which limits my ability to reuse without further customization.

    Perhaps I’m overlooking something. Any suggestions on the best way to accomplish this assuming I have full control over the markup and have already created a child theme? Thanks for any help you can provide.

    Website: habd.as

    #51234
    Zed
    Cryout Creations mastermind

    We try to limit the scope of the theme’s styling as to not overlap the plugins’ own elements.

    If you want custom buttons to follow the theme’s style, you’d need to replicate the styling on these buttons.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #51243

    Sounds good, @Zed. I recognize there are trade-offs with using SMCSS or BEM and don’t mind a little duplication on my end for custom form styling. Appreciate the info.

    #52025

    Following up here. I was able to get to achieve a stock feel newsletter subscription box using my child theme with a bit of copypasta from a few different files in Septera. Here’re the results shown for the sidebar and footer widget:

    Sidebar treatment
    Footer widget treatment

    My implementation could be further improved by making some of the theme-controlled hardcoded styles dynamic and including an icon-envelope font icon (not currently available in the theme).

    Website: chicagoganghistory.com

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Newsletter subscription treatment’ is closed to new replies.