skip to Main Content

Want to Use a Full Width Slider in the New AgentPress v2 Theme?


Full Width Slider in the New AgentPress v2 Theme

Click Image for Full View

Here’s a sample where I did the full width slider, along with putting the full version Diverse Solutions Quick Search in the Property Search Widget area…

Don’t forget to visit the “Genesis” “Slider Settings” from your wordpress dashboard and change the width and height to 960×320!

Change the below area in your AgentPress style.css file…


.featured-top {
-moz-box-shadow: 0 1px 3px #666;
-webkit-box-shadow: 0 1px 3px #666;
background-color: #fff;
box-shadow: 0 1px 3px #666;
clear: both;
margin: 0 auto 0px;
overflow: hidden;
padding: 0px;
width: 960px;
}

.slider {
float: left;
width: 610px;
}

#genesis-slider {
border: 0px solid #fff !important;
padding: 0px !important;
}

.property-quick-search {
border: 0px solid #FFFFFF;
float: right;
min-height: 260px;
overflow: hidden;
background: url(https://www.nadiasellingmiamihomes.com/nadiaimages/searchbkgd.png)
padding: 5px 5px 5px 5px;
position: relative;
width: 260px;
z-index: 19;
}

Back To Top