Reduce Space in Sidebar

Hello Guys,

Am trying to reduce the gap between “Deliver New Recipes To My Inbox” and the box for the email address. Make the gap the same as the gap between “Find a recipe” and the search box.

I added the following to my CSS but no luck:

blog subscriptions

.jetpack_subscription_widget {
clear:both;
margin-bottom: 75px;
}

.jetpack_subscription_widget input[type=“text”] {
float: left;
margin-bottom: 0px;
width: 55% !important;
height: 40px;
}

.jetpack_subscription_widget input[type=“submit”] {
float: right;
width: 40%;
}

Here is the website: http://www.recipetineats.com

Thanks

Add below style, maybe it helps better:


.jetpack_subscription_widget .widget-title {
	margin-bottom: 0;
}

#subscribe-text {
	margin: 0;
}

#subscribe-email {
	margin-top: 5px;
}

/* change this */
#subscribe-email input {
	width: 95%;
	padding: 5px;
}

Huh!

Did greedyman’s advice do anything good to you?

If not:
this stuff is never easy. Each browser behaves quite on its own. And I meant BROWSER not browser-like-wanna-be-internet-explorer.
Having said that, you need to break your code down piece by piece - sorry, that’s the way you need to follow cuz no-one will do the job for you - firstly by ZERO’ing all elements.

* {
  margin: 0;
  padding: 0;
}

but THAT will reset ALL of your settings, so watch out,
(Mind: you can find bunch of such css codes online, usually called reset.css. )

and secondly by finding out the damn thing that causes your code to be displayed wrongly.

From there, you’ll have to build your site up.
g