• I’d like to change the CSS layout and several text field for the email subscription widget.

    Currently, I cannot edit the ‘Email Address’ text inside the text box. I also want to change the CSS layout proporties to align with other visual elements in the sidebar.

    Finally, I want to condense the space this widget, so I want to have the ‘subscribe’ button to the right of the input field and have no spacing below..

    I tried the following to accomplish this, but I cannot seem to change the text/layout of the input form and the submit button isn’t aligned neatly).

    The following code is live on http://www.virtuallifestyle.nl:

    .jetpack_subscription_widget input[type="text"] {
    	font-family:"PT Sans",arial,serif;
    	font-size: 8px;
    	float: left;
    	margin-bottom: 0px;
    	width: 75% !important;
    }
    
    .jetpack_subscription_widget input[type="submit"] {
    	font-family:"PT Sans",arial,serif;
    	font-size: 8px;
    	float: left;
    	margin-bottom: 0px;
    	width: 8%;
    }

    http://ww.wp.xz.cn/plugins/jetpack/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Richard Archambault

    (@richardmtl)

    Hi!

    Currently, I cannot edit the ‘Email Address’ text inside the text box.

    You can edit that here:

    https://github.com/Automattic/jetpack/blob/master/modules/subscriptions.php#L635

    But if your site is set use Dutch, it will use the correct translation there and elsewhere on your site (such as for the dates, for example):

    http://codex.ww.wp.xz.cn/WordPress_in_Your_Language#Dutch_-_Nederlands_.28nl_NL.29

    As for your CSS issues, it’d be a bit easier to help you out if you could do a mockup of how you want it to look. There’s lots of CSS involved, so I’m not quite sure where to begin to help you get it to your liking.

    Thread Starter Joep Piscaer

    (@jainoxi)

    Hi Richard,

    Thanks for replying!

    1. Too bad I need to edit the plugin code directly, that’s not update-friendly… May I suggest that the text is made user editable in an upcoming version of the plugin? Fortunately, my site is completely in English; not Dutch translations to worry about.

    2. As for my wishes on the CSS-part: I’d love if the look ‘n’ feel is more like the search box:
    2.1 no ‘subscribe’ (or ‘go’, in my case) text but instead a small button inside the text input field (comparable with the little magnifying glass in the search box example).
    2.2 The font style should be identical to the default content font style (which the search box complies to). The Widget title does comply with the other widget title styles, but the text inside the input box does not.
    2.3 Minimize spacing below the input box

    Hi All,

    How do I change the e-mails sent once a post is published to say the sender is from “this little lark” (my site name) rather than “wordpress.com”. The first few posts I published were fine, but now in the inbox they are saying the sender is wordpress.com.

    Any ideas?

    Plugin Contributor Richard Archambault

    (@richardmtl)

    Hi Joep,

    1) I don’t think we’ll make it editable, since the box is meant for email addresses only, so it normally wouldn’t be necessary for someone to use different placeholder text in most circumstances.

    2.1 You’d need to edit the plugin again to do that; look at how it’s done for the Search box; the magnifying glass is the submit button input there, but is nested within the form element. You’d have to modify the subscription widget to do the same.

    2.2 and 2.3: Again, this can be fixed by modifying your CSS. You have a CSS rule in your theme that says the following:

    #sidebar input[type=text], #sidebar input[type=password] {
    color: #574d4d;
    font-size: 14px;
    font-family: 'Droid Serif',serif;
    margin: 0 0 28px 0;
    }

    (note: actually, I took out a bunch of rules from what you actually have, to leave only the relevant bits here for this discussion)

    If you removed those four rules from your CSS, the text will look like the search box and you’ll reduce the spacing

    thislittlelark: Could you please start your own thread, as per the Forum Welcome? The sender name is supposed to include your site’s name, so we’ll need to troubleshoot this.

    http://ww.wp.xz.cn/support/plugin/jetpack#postform

    Thank you!

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

The topic ‘Blog Subscribers widget CSS’ is closed to new replies.