Joomla! Documentation™

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