JetPack Subscribe Shortcode

Could you post your site URL here, so I can have a look?

If you want it to remain private, you can also contact us via this contact form:
https://jetpack.me/contact-support/

Oh sorry about that. It is https://www.supertekboy.com

I have only tried this on this page right now
https://supertekboy.com/2014/02/13/password-crack-a-domain-controller-in-under-a-minute/

Its at the bottom of the post.

Here is the short code I am using. BTW, are these the only options for this short code? Or are there more items than title, subscribe_text, etc.

[jetpack_subscription_form show_subscribers_total=0 title=”Sign up for our email newsletter” subscribe_text=”Receive updates via email.” subscribe_button=”Sign up now!”]

You could customize the look of the subscription form with CSS indeed. For example, you could add the following CSS to your theme stylesheet, or to your custom CSS editor under Appearance > Edit CSS in your dashboard:

.entry-content .jetpack_subscription_widget #subscribe-email input {
	border: 1px solid #000;
	color: #000;
}

It adds a border and changes the color of the text. I’m not too happy about how it looks, to be honest. You might get something that looks better by add a dark background to the whole subscription widget, like so:

.entry-content .jetpack_subscription_widget {
	background: #000;
	padding: 1em;
	color: #fff;
}

.entry-content .jetpack_subscription_widget #subscribe-email input {
	background: #fff;
	color: #000;
}

I’m no designer though, so I’ll let you decide! ??

are these the only options for this short code? Or are there more items than title, subscribe_text, etc.

You seem to be using all the available shortcode parameters already.

Awesome. I will give it a go. I am assuming this will change the style sheet for both the widget and the inline form? So I will need to find something that works on both a dark and light background…

I used the .entry-content class to make sure the changes are only applied to the inline form. You’re free to remove that if you want to change the style of the widget as well.

Awesome. That worked great.

Do you have a comprehensive guide of all the CSS tags I can use to tweak that form?

You can use your browser’s inspector to find out all the CSS selectors you can use:
https://dailypost.wordpress.com/2013/07/25/css-selectors/

Thanks. Didn’t know about those tools. Great resource! Thank you!

It would be really cool if you could add an image in the inline short-code. And also align wrap that to the rest of the form.

You could add a background image to the subscription form (reference), and move the text inside the form so it appears next to the image. You can move text using padding properties.

If you’re not familiar with CSS, I would suggest this tutorial:
https://www.htmldog.com/guides/css/beginner/

Awesome! Yes, I am a CSS grasshopper.