7 replies to this topic

[jbenavides]

Aloha, As you can see on my website: http://www.joshuabenavides.com ...My optin form is WAY too far from the right side of the feature image. So here are my questions: 1) How do I change the padding so I can center my optin form below the "Free Download" text? 2) There seems to be a white space at the bottom of the feature that I can't get rid of. How can I get rid of this white space below the background feature image? Your speedy response is appreciated. Thank you. *Joshua

[Danny]

Hi Joshua, Ok first thing, remove all the
tags you have and then add the following code to your custom CSS. Replace this code:

 .af-form {
	text-align: left;
	margin: auto;
	}

With this:

 .af-form {
	text-align: left;
	position: relative;
	left: 14.3em;
	top: 10em;
	}

To remove the white space, add this to your custom CSS.

 #feature .hentry {
	height: 385px !important;
	}

Give that a try and let me know how that looks. Also, you should install Firebug or use Google Chromes/Safari's web developer tool, it will make your life much easier. As it allows you to inspect your HTML/CSS and change them on the fly.

[jbenavides]

Danny, where do I insert this 'custom CSS' (talking to a rookie). :-) I'm using iblogpro4...

[jbenavides]

Danny, I tried inserting this in the Custom CSS section (figured it out) but it sent the optin form way too far to the right...along with my optin form on the sidebar of my blog page AND about page (widget on the sidebar). What to do??

[jbenavides]

UPDATE: I got it to work for the feature slider (had to change this: left: 14.3em; to this: left: 4.5em;) but as I said, it still has messed up the alignment in my sidebar. Here is what I'm talking about: http://www.joshuabenavides.com/blog

[Danny]

Hi,

Replace this code:

 .af-form {
	text-align: left;
	position: relative;
	left: 4.5em;
	top: 10em;
	}

With this:

 .home .af-form {
	text-align: left;
	position: relative;
	left: 4.5em;
	top: 10em;
	}

This will apply the CSS to only your homepage and not your blog page etc...

[jbenavides]

Thank you Danny! That did it! I appreciate your speedy support. Thank you!

[Danny]

No problem, was happy to help! Have a great day!!!