Obrazek Logo
  1. Otwórz w edytorze tekstowym plik templates\ja_purity\css\template.css, znajdź w w okolicach linii 957 i dokonaj zmian:
    Kod:
      h1.logo a {
         width: 208px;
         display: block;
         background: url(../images/logo.png) no-repeat;
         height: 80px;
        position: absolute;        <---- TUTAJ POPRAW
        top: 10px;            <---- TĘ DODAJ
        left: 10px;            <---- TĘ DODAJ
         z-index: 100;
     }
  2. Teraz w dodanych liniach wpisz rozmiary odpowiednie dla Twojego logo.
  3. Zapisz plik.
Tekst Logo
  1. Otwórz w edytorze tekstu plik templates\ja_purity\css\template.css i znajdź w okolicach linii 972 kod:
    Kod:
      h1.logo-text a {
         color: #CCCCCC !important;
         text-decoration: none;
         outline: none;
         position: absolute;
         bottom: 40px;        <---- TUTAJ POPRAW
         left: 5px;        <---- TUTAJ POPRAW
     }
     
     p.site-slogan {
         margin: 0;
         padding: 0;
         padding: 2px 5px;
         color: #FFFFFF;
         background: #444444;
         font-size: 92%;
         position: absolute;
         bottom: 20px;        <---- TUTAJ POPRAW
         left: 0;        <---- TUTAJ POPRAW
     }
  2. Teraz we wskazanych liniach wpisz wartości odpowiednie dla Twojego logo.
  3. Zapisz plik
Uwaga:
Ponieważ łatki aktualizacyjne Joomla! mogą zawierać zmodyfikowane pliki szablonu, rozsądniej jest wcześniej skopiować szablon do innego katalogu, np. moje_purity i odpowiednio zmienić jego nazwę w pliku templateDetails.xml.
Pełniejsze omówienie:
Zmiana położenia logo