Decrease margin between slide img and title

Hello,

I really love the Figero design (clean, uncluttered and eye pleasing). I tried the lite version and just purchased Pro.

What I would like to do is be able to "stretch" my H2 title and text in slide so that there is less margin to the left of the image. I've tried editing .css to no avail, I even look into .js files scripts. I failed to mention that I changed my slider container height from 410px to 340px and img from 516x300 to 375x230 smaller.

For example now title as well as text displays:
Lorem ipsum
dolor sit amet

I would like to display:
Lorem ipsum dolor sit amet

My Second question: Is there a way for different pages to have different header background colors?
I'm referring specifically to .slides_container.
Let's say blue for home page, red for about us, green for products, etc.
I'm re-designing my website, not a blog.

Thanks,
Joe

 

1.For your first issue
Please share the link of your website.


2.For your second issue
Download Dynamic headers plugin from WordPress.org
http://wordpress.org/extend/plugins/dynamic-headers/

This will solve your issue.

 

Hi Gourav,

1. I reinstalled Figero, so I'm now using default size settings. What I'm trying to accomplish is simply maybe a 25% HEIGHT reduction of the second-header (.slides_container) and IMG, so that H2 title, text, buttons and image will align correctly the same they do now, but 25% smaller overall height.

2. I went ahead and downloaded Dynamic Headers, so I have to teach myself how it works.

But in any case, what I really meant was changing slides_container background color for each of the 4 slides. I'm sure this can be accomplished through front-page.php as it calls on inkthemes_slideheading1, inkthemes_slideheading2, inkthemes_slideheading3, inkthemes_slideheading4 -- so it would be a matter of associating each of the above with blue, red, green, black background color stylesheet.

I think the attention grabbing colors would make your theme much more attractive to potential webmasters to buy.

Thanks,

Joe

 

1) Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS
and change width according to your requirement.

Code:

.slide .images img {
max-width: 476px;
}
.slide .entry {
width: 400px;
}