Actions

J1.5

Customising the JA Purity template/customisations/Changing the position of your logo

From Joomla! Documentation

< J1.5:Customising the JA Purity template‎ | customisations
Revision as of 00:44, 10 June 2009 by Jwwicks (Talk | contribs)

Replacement filing cabinet.png
This Namespace has been archived - Please Do Not Edit or Create Pages in this namespace. Pages contain information for a Joomla! version which is no longer supported. It exists only as a historical reference, will not be improved and its content may be incomplete.
Quill icon.png
Page Actively Being Edited!

This j1.5 page is actively undergoing a major edit for a short while.
As a courtesy, please do not edit this page while this message is displayed. The user who added this notice will be listed in the page history. This message is intended to help reduce edit conflicts; please remove it between editing sessions to allow others to edit the page. If this page has not been edited for several hours, please remove this template, or replace it with {{underconstruction}} or {{incomplete}}.

Logo image

  1. open with a text editor the file templates\ja_purity\css\template.css about at line 957 you will find:
    h1.logo a {
    width: 208px;
    display: block;
    background: url(../images/logo.png) no-repeat;
    height: 80px;
    position: absolute; <---- EDIT THIS
    top: 10px; <---- ADD THIS
    left: 10px; <---- ADD THIS
    z-index: 100;
    }
  2. now in the added line you have to enter the number of pixel that is better for your logo.
  3. finished


Logo text

  1. open with a text editor the file templates\ja_purity\css\template.css about at line 972 you will find:
    h1.logo-text a {
    color: #CCCCCC !important;
    text-decoration: none;
    outline: none;
    position: absolute;
    bottom: 40px; <---- EDIT THIS
    left: 5px; <---- EDIT THIS
    }
    p.site-slogan {
    margin: 0;
    padding: 0;
    padding: 2px 5px;
    color: #FFFFFF;
    background: #444444;
    font-size: 92%;
    position: absolute;
    bottom: 20px; <---- EDIT THIS
    left: 0; <---- EDIT THIS
    }
  2. now in these lines you have to enter the number of pixel that is better for you.
  3. finished