• 0
Sign in to follow this  
Followers 0

How To Change Feature Slider Padding for Iblogpro 4

Question

Posted · Report post

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

7 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Posted · Report post

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

Posted · Report post

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

Posted · Report post

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...

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

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