Internet Explorer Problem

  • Anonymous

    #25450

    Your css should look like this:

    #header-menu, #header-menu-wrap {
    background: -moz-linear-gradient(-45deg, #1E5799 0%, #0B479D 47%, #2989D8 56%, #9CC1F7 100%) repeat scroll 0 0 transparent;
    }

    Use the css generator, and paste all the generated background properties between the brackets, overwriting what I used in the example.

    Then, if you still don’t see it.. you might need to add !important at the very end of each of the background values… just before the semi-colon.

    John McCubbin

    #25451

    this didnt work there wass no gradient in it at all even in chrome

    code i used was:

    #header-menu, #header-menu-wrap {
    background: -moz-linear-gradient(-45deg, #0b479d 33%, #2989d8 46%, #207cca 77%, #9cc1f7 100%) repeat scroll 0 0 transparent !important
    }

    and before it was

    #header-menu, #header-menu-wrap {
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1e5799 0%, #0b479d 47%, #2989d8 56%, #9cc1f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(47%,#0b479d), color-stop(56%,#2989d8), color-stop(100%,#9cc1f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* IE10+ */
    background: linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#9cc1f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    !important;
    }

    in case it helps yous help me

    Anonymous

    #25452

    No no… like this:

    #header-menu, #header-menu-wrap {
    background: #1e5799 !important; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1e5799 0%, #0b479d 47%, #2989d8 56%, #9cc1f7 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(47%,#0b479d), color-stop(56%,#2989d8), color-stop(100%,#9cc1f7)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%) !important; /* IE10+ */
    background: linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#9cc1f7',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
    }

    Seriously John, I don’t mean to sound abrasive, but it’s beyond the scope of this forum to teach basic CSS and HTML structure. You should REALLY practice this on your own and get familiar with it if you are going to be modifying websites.

    When you get stuck, do some “googling”. Try to find the solution on your own… and when you are completely stuck, post on the forum. If you google !important css, you will see thousands of matches showing how to properly use the syntax.

    Sorry for the rant, nothing personal. But seriously 🙂

    John McCubbin

    #25453

    thats fine you wont have to worry about me asking anything again i have been googling stuff before and half the time have found it myself but before starting this project i have not designed a website in about 2 years and that wasnt with wordpress but i will just leave alll you nice people alone as i seem to be bugging you

    John McCubbin

    #25454

    Plus the second one was before your previous advice and i said that the advice you gave didnt work at all wether it was meant to or i just did something wrong i was just trying to help you help me as people keep asking to explain more

    John McCubbin

    #25455

    plus FYI

    #header-menu, #header-menu-wrap {
    background: #1e5799 !important; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1e5799 0%, #0b479d 47%, #2989d8 56%, #9cc1f7 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(47%,#0b479d), color-stop(56%,#2989d8), color-stop(100%,#9cc1f7)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%) !important; /* IE10+ */
    background: linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#9cc1f7',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
    }

    did the exact same as what the code i put in done

    Anonymous

    #25456

    Are you using the “light-colored header bars” style in your admin options for the top bar?

    appearance -> graphene options -> “display” tab -> header display options

    John McCubbin

    #25457

    yes and sorry i didnt notice you said sorry at the end of your rant

    Anonymous

    #25458

    Well, that’s the problem. You never mentioned this before.

    Are you using a child theme?

    John McCubbin

    #25459

    No custom css

    But even when i disable Use light-coloured header bars it does the same

Viewing 10 posts - 21 through 30 (of 39 total)

  • You must be logged in to reply to this topic.