Altitude – Removing Gradient For Specific Widget Areas

[jubbling1]

I'm trying to remove the gradient for just one section - widget 3. Any suggestions?

Thanks!

[Jeremy]

Hi,

Style.css line 1187 delete the gradient from the background...

.image-section {
background:

-moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.8) 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.2)), color-stop(80%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.8))); */
/* background:
-webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 30%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.8) 100%); */
background:

-o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 30%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.8) 100%);
background:

-ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 30%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.8) 100%);
/* background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 30%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.8) 100%); */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 );
display: table;
overflow: hidden;
table-layout: fixed;
width: 100%;
}

🙂

---

If you want to say thanks Follow me on Twitter | My Website

[jubbling1]

Thanks. I know how to remove/tweak the gradient. It's more about removing it from a specific widget. In this case, widget 3. I know it's doable but I'm lost on where.

[emasai]

You need to write new rule for #widget-3 .image-section if those are the names and id for the widget and place it after the .image-section markup.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[jubbling1]

Got it! my solution isn't pretty but it works. Thanks for pointing me in the right direction.

[Author]

Posts