Problems customizing a theme

[DaBrian]

Hey,

I am trying to customize the outreach pro theme. I have everything where I want it except for 2 things. I want the slider at the top to be full width and not the width of the content. I have tried to make it full width and I just cant seem to get it to work. The other thing is the 4 boxes right below the slider, I want them to be half over the slider n half not. I tried using z-index and it did not do anything it just appeared under the slider. Hope someone can help.

Thanks,

http://50.87.152.246/~dave/wpress/

[Tony @ AlphaBlossom]

Hi,

You have to make your upper wrap 100%. You can add this to your theme's style.css file:

.home .site-inner > .wrap {
    width: 100%;
    max-width: 100%;
}

You'll have to adjust the slider settings as needed, but that will give you 100% width.

To bring the four boxes into the slider, around line 2251 of your theme's style.css, add a negative top margin and position:

#featured-page-2, 
#featured-page-3, 
#featured-page-4, 
#featured-page-5 {
    background-color: #1f3f7c;
    color: #ffffff;
    margin-top: -200px;
    padding: 10px;
    position: relative;
}

Change the -200 to whatever you need. You'll also have to make the necessary changes for responsive (setting margin-top back to 0, etc).

Hope that helps!

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[DaBrian]

Thanks so much! I have tried alot to get the effect that I was looking for. Glad it was simple and easy, saved me some time. Thanks again.

Thanks,

Brett

[Tony @ AlphaBlossom]

Hey Brett,

Looks great! Glad I could help.

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts