WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to avoid gradient css in Twenty Eleven theme (2 posts)

  1. carlosgonca
    Member
    Posted 2 years ago #

    I made a Twenty Eleven child theme. If I don´t declare anything new to an id or class, It uses original property from parent theme. So there are a ID with gradient color, I need declare this property with 0 or none, but anything runs and I can´t avoid this gradient. Does anyone have a solution to this? How can I delete this gradient:

    .featured-post .feature-image.small:after {
    	content: ' ';
    	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
    	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    	width: 100%;
    	height: 45px;
    	position: absolute;
    	top: 230px;
    }
  2. carlosgonca
    Member
    Posted 2 years ago #

    I found a solution. I put this

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%); /* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%); /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%); /* Opera11.10+ */
    	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%); /* IE10+ */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    	background: linear-gradient(0,rgba(0,0,0,0) 0%); /* W3C */

Topic Closed

This topic has been closed to new replies.

About this Topic