Jump to content


Photo

How To Change Feature Slider Padding for Iblogpro 4


  • Please log in to reply
7 replies to this topic

#1 jbenavides

jbenavides

    Advanced Member

  • Members
  • PipPipPip
  • 44 posts

Posted 30 May 2012 - 09:28 AM

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

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 May 2012 - 10:03 AM

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.

#3 jbenavides

jbenavides

    Advanced Member

  • Members
  • PipPipPip
  • 44 posts

Posted 30 May 2012 - 10:13 AM

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

#4 jbenavides

jbenavides

    Advanced Member

  • Members
  • PipPipPip
  • 44 posts

Posted 30 May 2012 - 10:21 AM

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

#5 jbenavides

jbenavides

    Advanced Member

  • Members
  • PipPipPip
  • 44 posts

Posted 30 May 2012 - 10:26 AM

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

#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 May 2012 - 10:36 AM

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

#7 jbenavides

jbenavides

    Advanced Member

  • Members
  • PipPipPip
  • 44 posts

Posted 30 May 2012 - 10:38 AM

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

#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 May 2012 - 11:12 AM

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