menu color in 2011

  • Resolved ebiz212

    (@ebiz212)


    12 years, 1 month ago

    HI,

    I need some help changing the menu color on my wordpress site with 2011 theme… I want the menu to have a
    Horizontal Gradient with color from #005d9a to #08a0ff

    Below is my current styles.css file if someone can tell me what needs be changed or added to show the Horizontal Gradient on all browser would be awesome:

    #access {

    background: #005d9a; /* Show a solid color for older browsers */

    background: -moz-linear-gradient(#005d9a, #08a0ff);

    background: -o-linear-gradient(#005d9a, #08a0ff);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005d9a), to(#08a0ff)); /* older webkit syntax */

    background: -webkit-linear-gradient(#005d9a, #08a0ff);

    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

    clear: both;

    display: block;

    float: right;

    margin: 0 auto 6px;

    width: 100%;

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 1 month ago

    Use a CSS3 generator http://www.colorzilla.com/gradient-editor/

    Thread Starter ebiz212

    (@ebiz212)

    12 years, 1 month ago

    ok I did that and got the following code but not to sure how ti input it… should I over whats there now or just insert this in addition ??

    background: #005d9a; /* Old browsers */

    background: -moz-linear-gradient(left, #005d9a 0%, #08a0ff 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#005d9a), color-stop(100%,#08a0ff)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(left, #005d9a 0%,#08a0ff 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(left, #005d9a 0%,#08a0ff 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(left, #005d9a 0%,#08a0ff 100%); /* IE10+ */

    background: linear-gradient(to right, #005d9a 0%,#08a0ff 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#005d9a’, endColorstr=’#08a0ff’,GradientType=1 ); /* IE6-9 */

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 1 month ago

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin

    Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

    Alternatively use your Child Theme style.css file to hold your CSS modifications:

    #access {
background: #005d9a; /* Old browsers */

background: -moz-linear-gradient(left, #005d9a 0%, #08a0ff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#005d9a), color-stop(100%,#08a0ff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left, #005d9a 0%,#08a0ff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left, #005d9a 0%,#08a0ff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left, #005d9a 0%,#08a0ff 100%); /* IE10+ */

background: linear-gradient(to right, #005d9a 0%,#08a0ff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d9a', endColorstr='#08a0ff',GradientType=1 ); /* IE6-9 */
}

    Thread Starter ebiz212

    (@ebiz212)

    12 years, 1 month ago

    I added the lines you gave to me to the into the sytles.css file from my admin area and it messed up my header

    I have an image with the exact gradient I want, can I use that image as the color ??

    Thread Starter ebiz212

    (@ebiz212)

    12 years, 1 month ago

    got it

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘menu color in 2011’ is closed to new replies.