Wsparcie » Motywy » Lokalizacja grafiki.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Bo to jest czcionka, a nie obrazek. Font-awesome konkretnie.

    Kod odpowiadający za pierwszą ikonę:

    .fa-briefcase:before {
        content: "\f0b1";
    }

    – analogicznie szukasz kodów dla pozostałych.

    Nie wiem w jaki sposób są wpisane te ikony w Twojej skórce, jednak podmiana wspomnianego kodu powinna załatwić sprawę.

    Thread Starter rrossa

    (@rrossa)

    Witam i bardzo dziękuję za info. Przyznam jednak, że pierwszy raz spotykam się z czymś takim i zupełnie nie wiem jak się do tego zabrać. W zakładce „personalizacja” jest możliwość wstawienia w miejsce aktualnych ikon dowolnego obrazka jednak zakładam, że to nie tędy droga.

    Chciałbym aby pierwsza ikona przedstawiała domek, druga coś związanego z piłką nożną, a trzecia np klucz. Zupełnie nie wiem jak to zrobić…

    Może macie jakieś pomysły?

    Czekając na dalsze info pozdrawiam.

    Thread Starter rrossa

    (@rrossa)

    W między czasie znalazłem coś takiego jednak kod ten w zasadzie jest zupełnie inny od podanego wcześniej. Dlatego nie wiem czy idę w dobrym kierunku?

    Podmień wspomniany content na swoją ikonę z listy:
    http://astronautweb.co/snippet/font-awesome/

    Thread Starter rrossa

    (@rrossa)

    Już chyba wiem o co chodzi… Najprawdopodobniej wystarczy podmienić „briefcase” na np „home” i powinien się pojawić domek. Tylko teraz nie wiem jak się dobrać do tego tzn jak zlokalizować plik, w którym mogę dokonać tych zmian?

    To nie jest plik, tylko wpis do templete’a i arkusza css.

    Podmień, tak jak pisałem. Kodu szukaj w arkuszu css.

    Thread Starter rrossa

    (@rrossa)

    Witam. W: public_html/wp-content/themes/advertica-lite/css wyedytowałem folder „css”, w którym było 7 plików. Następnie we wszystkich przeszukałem „briefcase” i okazało się, że w trzech występuje. Następnie zmieniłem „briefcase” na „home” i zapisałem zmiany. W wyniku czego żadna ikona się nie pojawia 🙁

    I co teraz? Co spierniczyłem?

    Thread Starter rrossa

    (@rrossa)

    Dodatkowo wszedłem w panel admina WP, następnie wygląd i edytor i w „arkusz stylów css” sprawdziłem i nie ma tam „briefcase” 🙁

    Nie ma już pomysłu gdzie mogłem popełnić błąd…

    Napisałem wyraźnie co masz zrobić.

    Masz trzy ikony, kolejno:

    .fa-briefcase:before {
        content: "\f0b1";
    }
    .fa-bar-chart:before {
        content: "\f080";
    }
    .fa-sitemap:before {
        content: "\f0e8";
    }

    Nie zmieniasz nazw, ani wpisów w skórkach, czy gdziekolwiek indziej.

    Zmieniasz jedynie kody: f0b1, f080, f0e8

    Teraz dajmy na to, że chcesz zmienić środkową ikonę, teraz jest ikona grafu i odpowiada za nią kod CSS:

    .fa-bar-chart:before {
        content: "\f080";
    }

    Teraz chciałbyś ją podmienić na piłkę, czyli np. na ikonę:
    http://fortawesome.github.io/Font-Awesome/icon/futbol-o/
    – nazwę wiesz już jaką ma, więc szukasz jej kodu tutaj:
    http://astronautweb.co/snippet/font-awesome/
    jej kod to „\f1e3”

    Więc wspomniany kod:

    .fa-bar-chart:before {
        content: "\f080";
    }

    podmieniasz na:

    .fa-bar-chart:before {
        content: "\f1e3";
    }

    Plik z oryginalnym cssem znajduje się w:
    http://zakopane-api.pl/wp-content/themes/advertica-lite/css/font-awesome.min.css
    – aczkolwiek jest to skompilowany css, tym samym jego edycja jest utrudniona. Proponuję w nim nie grzebać. Zainstaluj sobie WP Add Custom CSS, w panelu admina pojawi się nowy panel – otwórz go. Tam wpisz kod:

    .fa-bar-chart:before {
        content: "\f1e3";
    }

    i zapisz, następnie sprawdź efekt. Jak nie załapie, to zmień kod na:

    .fa-bar-chart:before {
        content: "\f1e3" !important;
    }

    Lepiej wyjaśnić niestety nie potrafię.

    Thread Starter rrossa

    (@rrossa)

    Witam ponownie. Wielkie ale to wielkie dzięki. Zrobiłem krok po kroku jak mi opisałeś i wszystko OK. Nie instalowałem wspomnianej wtyczki a wyedytowałem plik css i podmieniłem co trzeba.

    Jeszcze raz bardzo dzięki za pomoc i pozdrawiam.

    Thread Starter rrossa

    (@rrossa)

    Myślę, że temat możemy uznać za zamknięty 😉

Viewing 11 replies - 1 through 11 (of 11 total)
  • Temat ‘Lokalizacja grafiki.’ jest zamknięty na nowe odpowiedzi.