WordPress.org

Ready to get started?Download WordPress

Forums

Changing background color on all text widgets not working (3 posts)

  1. Sarahml
    Member
    Posted 1 year ago #

    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!!

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  3. Eric Hoanshelt
    Member
    Posted 1 year ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Topic