Problem polega na tym, że korzystasz tam z CSSowych gradientów, których Twoja przeglądarka IE nie wspiera. Tu masz tabelkę z informacjami o tym, co je wspiera, a co nie: http://caniuse.com/css-gradients
Jeśli chcesz tam mimo wszystko mieć gradient, nawet w IE, to musisz go zrobić za pomocą obrazka.
Możesz też pokombinować i zrobić tak, żeby w IE te buttony miały jednolity kolor.
Dziękuję, że zająłeś się moim problemem. Z pewnością dla Ciebie, jako znawcy przedmiotu proponowane rozwiązania są jasne i czytelne. Ja swoją przygodę zacząłem trzy miesiące temu, nie jestem z branży postanowiłem jednak czegoś się nauczyć, pomóc synowi i założyć stronę www.
Łatwo się nie poddaję, jeżeli wyłożysz mi wszystko na łopacie jak laikowi to może mi się uda
Motyw w opcjach General Stiling ma możliwość wyboru kolorów button 1 i 2
Z pomocą Firebuga namierzyłem kod odpowiedzialny za kolor buttona, załączam:
background: -moz-linear-gradient(center top , #F7F6F7 0%, #DFDBDF 100%) repeat scroll 0 0 transparent;
border: 1px solid #C7C0C7;
Próbowałem wstawiać w opcjach te same kolory, niestety nie pomogło
Co do obrazków nie wiem czy dobrze kombinuję, masz na myśli zdjęcia PNG które są w folderze images motywu Evolve? Woocommerce tylko na stronie sklepu i produktu korzysta z szablonu Evolve, dla pozostałych stron ma własny i tam jest wszystko Ok. Informacyjnie szablon ma trzy style css:(style.css); (editor-style-rtl.css); (editor-style.css). Może powinienem przynajmniej ten ostatni załączyć? Możesz pomóc? Pozdrawiam Henryk.
Zmiana tych kolorów w ustawieniach chyba niewiele da, bo on pewnie i tak dalej będzie generować gradient.
Pliki, które ma motyw, są OK (style.css to normalny, a editor-style i editor-style-rtl to style podpinane do edytora).
Nie będzie to najładniejsze rozwiązanie, ale w miarę proste powinno być. Otwórz plik header.php
i gdzieś w sekcji <head>
dopisz coś takiego:
<!--[if lt IE 10]>
<style type="text/css">
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {
background: #f7f6f7 !important;
}
</style>
<![endif]-->
PS. Uprzedzam, to jest brzydkie, nieładne (i w ogóle bee) rozwiązanie, ale, jeśli mam podać jak na łopacie, to tak będzie najłatwiej.
Wkleiłem Twój kod do sekcji „Nagłówek(header.php)” Dodatkowo próbowałem wkleić w „header-content.php”
Niestety nie zauważyłem żadnych zmian w kolorystyce wyświetlania buttonów sklepu. Wcześniej pisałem że, na pozostałych stronach sklepu w przeglądarce IE-8 buttony wyświetlają się prawidłowo, dzisiaj sprawdziłem, niestety są czarne jak na stronie sklepu i produktu
Po włączeniu wtyczki Woocommerce miałem komunikat, że szablon Evolve nie wspiera Woocommerce. Może w Woocommerce trzeba coś pokombinować?
Wcześniej miałem problem wyświetlania zawartości sidebaru na stronie sklepu. Na tym forum znalazłem rozwiązanie, wkleiłem kod.woocommerce #container { margin-left:8px; width:630px; float:right; }
do (style.css)i wszystko jest Ok.Jeżeli nie znajdziesz rozwiązania to chyba się poddam. Z drugiej strony analizujac Google Analytics wiem, że sporo osób korzysta z IE. Pozdrawiam Henryk