responsive image with text and button

This topic has 3 replies, 2 voices, and was last updated 9 years, 9 months ago by Eric.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
August 6, 2014 at 6:38 pm #13412
fitover50Dan
Customer
I have read several threads in this forum on this subject and I have tried all the suggested solutions, but I can’t seem to get the results I’m looking for. Specifically, I would like to use the slider area (or welcome area) with a background image with real text and a call to action button on the right side. I would like the image to scale with the browser size.

Example: http://www.smartpassiveincome.com/

Specifically, look at the guy’s smiling face with the microphone–that area.

I have been tearing my hair out trying to get this to work. Any help is appreciated.

Thanks,
Dan
August 7, 2014 at 8:13 pm #13455
Eric
Customer
Do you already have this implemented somewhere? Have a link we can see?

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 8, 2014 at 8:25 am #13461
fitover50Dan
Customer
Hi Eric,

Yes: http://25f.6cb.myftpupload.com/

I have made some progress and I am very close. Everything looks perfect when the browser is full screen. When make the browser smaller, the bg scales like I want–so great. The only small issue is, when browser is *not* full screen, a margin appears on the top and bottom. The smaller the browser window, the thicker the top and bottom of the margin.

Curious if there is a way to get rid of the top and bottom margin, or, is this needed to keep it responsive?

Thanks,
Dan
August 8, 2014 at 6:10 pm #13465
Eric
Customer
You added a min-height to your .slider .wrap so a lot of that space is coming from that.

Next there is margin or the widget area on line 1242 –
```
.slider .widget {
    margin: 0 0 20px;
}
```
The rest of it is coming from line 4346 –
```
.feature-right {
    float: none;
    margin: 40px auto 0;
    text-align: center;
    width: 100%;
}
```
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.