WordPress.org

Support

Support » Themes and Templates » Changing background color on all text widgets not working

Changing background color on all text widgets not working

  • Hi,

    I am trying to have my text widgets display a gradient color and I managed to get the widget (Job Categories) on the home page of my website http://taxjobsportal.ca to display correctly.

    But now I want this gradient to show up in my text widgets on my sidebar. I’ve created a widget at the top as a test. As you can see the background is just white rather than the gradient.

    How would I go about getting this gradient to show up on all of my text widgets?

    The code I inserted into the bottom of the style.css was:

    [ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]

    .textwidget {background-image: linear-gradient(bottom, rgb(255,255,255) 11%, rgb(242,242,242) 56%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(242,242,242) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(242,242,242) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(242,242,242) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(242,242,242) 56%);
    
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.11, rgb(255,255,255)),
    color-stop(0.56, rgb(242,242,242))
    );
    );
    border-radius: 5px;
    -webkit-box-shadow: 0 0 8px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 0 8px 2px rgba(50, 50, 50, 0.5);
    box-shadow: 0 0 8px 2px rgba(50, 50, 50, 0.5);
    }
    
    ); ;padding:10px 10px 10px 10px; margin-left:2px;}

    Thank you very much for your help!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • WPyogi
    Forum Moderator

    @wpyogi

    Since you are using a commercial theme, you’ll need to get help from the vendor — support is part of what you paid for.

    You might also try using Firebug to help you work with the CSS on your site — it shows you exactly what CSS is affecting a given element on the page.

    I’m not sure if this is resolved or not but I’m seeing the text widget with the gradient.

    Did you figure it out or is this perhaps a browser compatibility issue?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing background color on all text widgets not working’ is closed to new replies.