Remove the Altitude theme shading/gradient

[jeff.rill]

I would like to remove the shading/gradient feature on the Altitude theme and I was wondering if any of you could give me some basic instruction on how to do this. Your help is much appreciated.

[Genesis Developer]

go to line no 1193 of your style.css file and remove the background CSS from .image-section CSS element

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[jeff.rill]

Thanks for the quick response-but I'm not sure I follow.. I've identified the the section I believe to be responsible for the gradient effect (found in style.css) -but I'm not exactly sure which section you're suggesting I remove-do you mind clarifying ?

/* Front Page
--------------------------------------------- */

.image-section,
.solid-section {
clear: both;
text-align: center;
width: 100%;
}

.image-section {
background: -moz-linear-gradient(top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 30%, rgba(0,0,0,0.0) 80%, rgba(0,0,0,0.0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(30%,rgba(0,0,0,0.0)), color-stop(80%,rgba(0,0,0,0.0)), color-stop(100%,rgba(0,0,0,0.0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.0) 80%,rgba(0,0,0,0.0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.0) 80%,rgba(0,0,0,0.0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.0) 80%,rgba(0,0,0,0.0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.0) 80%,rgba(0,0,0,0.0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 );
display: table;
overflow: hidden;
table-layout: fixed;
width: 100%;
}

.image-section .widget-area {
display: table-cell;
text-align: center;
vertical-align: middle;
}

.image-section,
.image-section a {
color: #fff;
}

.image-section a:hover,
.image-section .featured-content .entry-title a:hover {
color: #22a1c4;
}

.solid-section {
background-color: #fff;
}

.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7 {
border-top: 54px solid transparent;
margin-top: -54px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: relative;
z-index: 9;
}

.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7 {
background-attachment: fixed;
background-color: #fff;
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}

.front-page-1 {
position: relative;
}

.front-page-1 .image-section {
padding-top: 75px;
}

.secondary-nav .front-page-1 .image-section {
padding-top: 150px;
}

.front-page-4 .solid-section {
background-color: #f3f3f3;
}

.bottom-image {
margin-bottom: -120px;
margin-top: 100px;
}

.bottom-image img {
margin-bottom: -10px;
}

.front-page .field-wrap:last-child {
margin-bottom: 0;
}

.small-disclaimer {
font-size: 14px;
font-style: italic;
}

[Genesis Developer]

You will remove this things

background: -moz-linear-gradient(top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 30%, rgba(0,0,0,0.0) 80%, rgba(0,0,0,0.0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(30%,rgba(0,0,0,0.0)), color-stop(80%,rgba(0,0,0,0.0)), color-stop(100%,rgba(0,0,0,0.0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.0) 80%,rgba(0,0,0,0.0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.0) 80%,rgba(0,0,0,0.0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.0) 80%,rgba(0,0,0,0.0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.0) 80%,rgba(0,0,0,0.0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#33000000′, endColorstr=’#e6000000′,GradientType=0 );

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[jeff.rill]

excellent-thank you.

[Author]

Posts