Jump to content
Sign in to follow this  
jbenavides

How To Change Feature Slider Padding for Iblogpro 4

Recommended Posts

jbenavides    0
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

Share this post


Link to post
Share on other sites
Danny    1,327
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: [code].af-form { text-align: left; margin: auto; }[/code] With this: [code].af-form { text-align: left; position: relative; left: 14.3em; top: 10em; }[/code] To remove the white space, add this to your custom CSS. [code]#feature .hentry { height: 385px !important; }[/code] 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.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jbenavides    0
jbenavides
Danny, where do I insert this 'custom CSS' (talking to a rookie). :-) I'm using iblogpro4...

Share this post


Link to post
Share on other sites
jbenavides    0
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??

Share this post


Link to post
Share on other sites
jbenavides    0
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

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi, Replace this code: [code].af-form { text-align: left; position: relative; left: 4.5em; top: 10em; }[/code] With this: [code].home .af-form { text-align: left; position: relative; left: 4.5em; top: 10em; }[/code] This will apply the CSS to only your homepage and not your blog page etc...

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jbenavides    0
jbenavides
Thank you Danny! That did it! I appreciate your speedy support. Thank you!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
No problem, was happy to help! Have a great day!!!

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×