Remobile Pro Sliding Backstretch Image

[aidia]

Hi there,

I've got a site using Remobile Pro theme. Could anyone help me create a set of sliding backstretch images instead of a static one?

I have tried all sorts of slider plugins but they either go up to the width of the wrap content area or don't fill up the Home-intro section correctly (with 2px margin or something - which I can't get rid of despite having reset all paddings and margins to zero).

I wonder if there is a plugin or a way to modify the css code to accommodate a full-width slider in the backstretch image area of the home intro.

Thank you so much for your help in advance.

http://avene.org/worldsbeyondart/

[Brad Dalton]

For which section? There are multiple widget areas. I assume you're referring to the front page?

---

Tutorials for StudioPress Themes.

[aidia]

Thanks, Brad.

Yes the front page - home intro widget area. I have a slider going now using Genesis responsive slider but it doesn't allow the images to fill up the full width.

[Brad Dalton]

You want to use full width slider images as the background or backstretch which already covers full width.

---

Tutorials for StudioPress Themes.

[aidia]

Yes, I want to use that section as full-width sliding images. I tried a few plugins that says they have banner slider options but none covers the full width.

[aidia]

I found a slider plugin that allows full-width functionality - master slider, however, even though it's responsive, the size does not match the container (ie. the home intro section). This should temporarily work but if someone could help me with some suggestions on how to fix so that the size adjust accordingly, that would be great.

Thanks again.

[Brad Dalton]

Based on my testing its fairly easy. Remove any padding for the home-intro div.

Also, did you want to use the widget area to display content over the slider background?

---

Tutorials for StudioPress Themes.

[aidia]

Thanks, Brad but that's the thing, I have removed all padding in the home-intro div area:

media="all"
.home-intro {
color: #333;
height: 434px;
overflow: hidden;
padding: 0px;
}

I have also matched the height to the height of the slider, but the slider still moves kinda independently from the home-intro div area. I would like to be able to have the slider match the size of the home-intro div area and adjust responsively so that there is never a gap anywhere and whatever device we view it from. .. if it is possible at all.

Thanks again for your help.

[aidia]

Hi Brad, thanks for your help. I have found a solution for this, simply by removing the backstretch image 🙂 Thanks so much for your help.

[Author]

Posts