The Joomla! Forum ™



Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.



Post new topic Reply to topic  [ 38 posts ]  Go to page 1, 2  Next
Author Message
PostPosted: Wed Jul 11, 2012 9:20 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
Hey, I need a section moved down....
(or help with another thing)

as you'll see on here:
Code:
http://www.urbankaos.co.uk/


I display the top Logo by having it on the Background itself,
I need the main section moved lower though,
as you'll see the Logo.... the text where it says 'Digitz' in Graffiti...
it's nearly touching the main content part (the line)

I thought it was this coding:

Code:
/* Logo */
#rt-logo {display: block;width: 0px; height: 290px;}


but i've changed the 290px to different things and nothing seems to change,
do you know what part I need to change?

and do you know how I can set the Logo so it's actually on a proper Logo Module sort of thing?
like I said... at the moment that top Logo is actually on the background image and it repeats behind the main content part...
if you know what I mean?


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:48 am 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
It is coding. Add this to same file, where you were previously:

Code:
.rt-grid-12.rt-alpha.rt-omega {
margin-bottom: 20px;
}


You can change pixels and find best match which suits you.


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:53 am 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
I've added that and its fixed the part where the Logo is, but it's made the menu bar alot bigger...
the 'showcase' position...


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 1:38 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
sorry, use this instead:

Code:
#rt-logo {
margin-bottom: 20px;
}


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 2:11 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
Worked great, thanks alot.



would you happen to know how to set that logo in the proper logo position though?
as I said before at the moment its on the background image,
but it repeats... so on some pages because of the content not being as long/short,
sometimes it catches it so the logo repeats and shows at the bottom of the page!

as you can see here at the bottom of the page,
it shows part of the logo:
http://www.urbankaos.co.uk/payments


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 3:50 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
    Cut the logo from current background image
    Replace background image without logo with current one.
    You need to change a piece of code in template's index.php file.
    Code:
    <a href="/" id="rt-logo"></a>

    change to
    Code:
    <a href="/" id="rt-logo"><img src="LOGO'S URL" /></a>


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 4:13 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
Would that be in index.php in the public_html folder or the template folder?


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 6:35 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
I have nothing in that file at all about a logo... this is what I have

Code:
<?php
/**
 * @package Gantry Template Framework - RocketTheme
 * @version 1.5.1 August 9, 2010
 * @author RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 *
 * Gantry uses the Joomla Framework (http://www.joomla.org), a GNU/GPLv2 content management system
 *
 */
// no direct access
defined( '_JEXEC' ) or die( 'Restricted index access' );

// load and inititialize gantry class
require_once('lib/gantry/gantry.php');
$gantry->init();

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $gantry->language; ?>" lang="<?php echo $gantry->language;?>" >
<head>
   <?php
      $gantry->displayHead();
      $gantry->addStyles(array('template.css','joomla.css','overlays.css','typography.css'));

      if ($gantry->get('articledetails') == 'layout3' && $gantry->browser->engine == 'trident') $gantry->addScript('gantry-ie-zindex.js');
      if ($gantry->get('fixedfooter')) $gantry->addScript('rt-fixedfooter.js');
      $gantry->addScript('rt-rokstories-thumb-scroller.js');
   ?>
</head>
   <body <?php echo $gantry->displayBodyTag(array('bodyLevel')); ?>>
      <div id="rt-page-background" <?php echo $gantry->displayClassesByTag('rt-page-background'); ?>>
         <div class="rt-container">
            <?php /** Begin Drawer **/ if ($gantry->countModules('drawer')) : ?>
            <div id="rt-drawer">
               <?php echo $gantry->displayModules('drawer','standard','standard'); ?>
               <div class="clear"></div>
            </div>
            <?php /** End Drawer **/ endif; ?>
            <?php /** Begin Top **/ if ($gantry->countModules('top')) : ?>
            <div id="rt-top" <?php echo $gantry->displayClassesByTag('rt-header'); ?>>
               <?php echo $gantry->displayModules('top','standard','standard'); ?>
               <div class="clear"></div>
            </div>
            <?php /** End Top **/ endif; ?>
            <?php /** Begin Header **/ if ($gantry->countModules('header')) : ?>
            <div id="rt-header" <?php echo $gantry->displayClassesByTag('rt-header'); ?>>
               <?php echo $gantry->displayModules('header','standard','standard'); ?>
               <div class="clear"></div>
            </div>
            <?php /** End Header **/ endif; ?>
            <div id="rt-body-surround">
               <div class="rt-box-top"><div class="rt-box-top2"></div><div class="rt-box-top3"></div></div>
               <div class="rt-box-bg"><div class="rt-box-bg2"><div class="rt-box-bg3">
                  <?php /** Begin Navigation **/ if ($gantry->countModules('navigation')) : ?>
                  <div id="rt-navigation" <?php echo $gantry->displayClassesByTag('rt-navigation'); ?>>
                     <?php echo $gantry->displayModules('navigation','basic','basic'); ?>
                      <div class="clear"></div>
                  </div>
                  <div class="rt-shadowbar"></div>
                  <?php /** End Navigation **/ endif; ?>
                  <?php /** Begin Showcase **/ if ($gantry->countModules('showcase')) : ?>
                  <div id="rt-showcase" <?php echo $gantry->displayClassesByTag('rt-showcase'); ?>>
                     <?php echo $gantry->displayModules('showcase','standard','standard'); ?>
                     <div class="clear"></div>
                  </div>
                  <div class="rt-shadowbar"></div>
                  <?php /** End Showcase **/ endif; ?>
                  <?php /** Begin Feature **/ if ($gantry->countModules('feature')) : ?>
                  <div id="rt-feature" <?php echo $gantry->displayClassesByTag('rt-feature'); ?>>
                     <?php echo $gantry->displayModules('feature','standard','standard'); ?>
                     <div class="clear"></div>
                  </div>
                  <div class="rt-shadowbar"></div>
                  <?php /** End Feature **/ endif; ?>
                  <?php /** Begin Utility **/ if ($gantry->countModules('utility')) : ?>
                  <div id="rt-utility" <?php echo $gantry->displayClassesByTag('rt-utility'); ?>>
                     <?php echo $gantry->displayModules('utility','standard','standard'); ?>
                     <div class="clear"></div>
                  </div>
                  <?php /** End Utility **/ endif; ?>
                  <?php /** Begin Breadcrumbs **/ if ($gantry->countModules('breadcrumb')) : ?>
                  <div id="rt-breadcrumbs" <?php echo $gantry->displayClassesByTag('rt-utility'); ?>>
                     <?php echo $gantry->displayModules('breadcrumb','basic','breadcrumbs'); ?>
                     <div class="clear"></div>
                  </div>
                  <?php /** End Breadcrumbs **/ endif; ?>
                  <?php /** Begin Main Top **/ if ($gantry->countModules('maintop')) : ?>
                  <div id="rt-maintop" <?php echo $gantry->displayClassesByTag('rt-utility'); ?>>
                     <?php echo $gantry->displayModules('maintop','standard','standard'); ?>
                     <div class="clear"></div>
                  </div>
                  <div class="rt-shadowbar"></div>
                  <?php /** End Main Top **/ endif; ?>
                  <?php /** Begin Main Body **/ ?>
                   <?php echo $gantry->displayMainbody('mainbody','sidebar','standard','standard','standard','standard','standard'); ?>
                  <?php /** End Main Body **/ ?>
                  <?php /** Begin Main Bottom **/ if ($gantry->countModules('mainbottom')) : ?>
                  <div id="rt-mainbottom" <?php echo $gantry->displayClassesByTag('rt-utility'); ?>>
                     <?php echo $gantry->displayModules('mainbottom','standard','standard'); ?>
                     <div class="clear"></div>
                  </div>
                  <div class="rt-shadowbar"></div>
                  <?php /** End Main Bottom **/ endif; ?>
               </div></div></div>
               <div class="rt-box-bottom"><div class="rt-box-bottom2"></div><div class="rt-box-bottom3"></div></div>
            </div>
            <div class="rt-shadowbar"></div>
            <?php /** Begin Bottom Section **/ if ($gantry->countModules('bottom') or $gantry->countModules('copyright')) : ?>
            <div id="rt-bottom-surround" <?php echo $gantry->displayClassesByTag('rt-bottom-surround'); ?>>
               <div class="rt-box-top"><div class="rt-box-top2"></div><div class="rt-box-top3"></div></div>
               <div class="rt-box-bg"><div class="rt-box-bg2"><div class="rt-box-bg3">
                  <?php /** Begin Bottom **/ if ($gantry->countModules('bottom')) : ?>
                  <div id="rt-bottom">
                     <?php echo $gantry->displayModules('bottom','standard','standard'); ?>
                     <div class="clear"></div>
                  </div>
                  <?php /** End Bottom **/ endif; ?>
                  <?php /** Begin Copyright **/ if ($gantry->countModules('copyright')) : ?>
                  <div id="rt-copyright">
                     <?php echo $gantry->displayModules('copyright','standard','standard'); ?>
                     <div class="clear"></div>
                  </div>
                  <?php /** End Copyright **/ endif; ?>
               </div></div></div>
               <div class="rt-box-bottom"><div class="rt-box-bottom2"></div><div class="rt-box-bottom3"></div></div>
            </div>
            <?php /** End Bottom Section **/ endif; ?>
            <?php /** Begin Debug **/ if ($gantry->countModules('debug')) : ?>
            <div id="rt-debug">
               <?php echo $gantry->displayModules('debug','standard','standard'); ?>
               <div class="clear"></div>
            </div>
            <?php /** End Debug **/ endif; ?>
         </div>
         <?php /** Begin Footer **/ if ($gantry->countModules('footer')) : ?>
         <div id="rt-footerbar" <?php echo $gantry->displayClassesByTag('rt-footerbar'); ?>>
            <div class="rt-container">
               <div id="rt-footer">
                  <?php echo $gantry->displayModules('footer','standard','standard'); ?>
                  <div class="clear"></div>
               </div>
            </div>
         </div>
         <?php if ($gantry->get('fixedfooter')==0) : ?>
         <div class="rt-shadowbar"></div>
         <?php endif; ?>
         <?php /** End Footer **/ endif; ?>
      </div>
      <?php /** Begin Popups **/
      echo $gantry->displayModules('popup','popup','popup');
      echo $gantry->displayModules('login','login','popup');
      /** End Popup s**/ ?>
      <?php /** Begin Analytics **/ if ($gantry->countModules('analytics')) : ?>
      <?php echo $gantry->displayModules('analytics','basic','basic'); ?>
      <?php /** End Analytics **/ endif; ?>
   </body>
</html>
<?php
$gantry->finalize();
?>


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 9:31 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
Not sure where to put it all, nothing seems to work for it.


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 10:04 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
grr :/ I do not know anything about these automatic template creators. In this case the easiest way is to find this image http://www.urbankaos.co.uk/templates/rt ... splats.jpg with ftp. Download it and you see where is repetition so just make this image as height as you need just by continuing repetition. It shouldn't be hard for you to copy paste repetition with any image editor. And of course upload the new image to the same place, with the same name and delete the old one from website's server.


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 10:12 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
Ok I managed to find the actual Logo folder in the Templates one,
i've changed the background so no Logo is on it,
and i've uploaded the Logo separate in the appropriate folder,
but this is what happens now:
http://www.urbankaos.co.uk


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 10:18 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
Here is some Coding I found:

Code:
#rt-logo {background: url(../images/logo/dark/logo.png) 0 0 no-repeat;}


I need to change the height of something (whatever is making it cut off)
and make it centre.


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 10:38 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
No! You need to upload the logo here: http://www.urbankaos.co.uk/images/logo/dark/logo.png // Sorry for slow answering :/


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 10:42 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
Ok i've made a folder called logo, and a folder inside that called dark, and i've added the logo.png into it......
?


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 10:44 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
In my template.css I have this:

Code:
/* Logo */


#rt-logo {
    background: url("images/logo/dark/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 250px;
    width: 573px;
}


but what do I need to change to make the logo center and that it doesnt cut the bottom off.


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 10:50 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
That's the code you need:

Code:
#rt-logo {
height: 250px;
margin: 0 auto 0 auto;
background: url(../images/logo/dark/logo.png) 0 0 no-repeat;
}


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 10:54 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
Still not center though:
www.urbankaos.co.uk


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 10:56 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
I hope it worked ;D I am really sorry, I should have been more answering (bad at doing few tasks at one time). More about centering:

http://www.w3.org/Style/Examples/007/center.en.html

I will check your site tomorrow morning to see if you managed to fix it.


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 10:58 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
Maybe this then:

Code:
#rt-logo {
height: 250px;
margin: 0 auto 0 auto !important;
background: url(../images/logo/dark/logo.png) 0 0 no-repeat;
}


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:00 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
My browser shows that you didn't add margin: 0 auto 0 auto; (that's exactly that you need now) Check it again, please.


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:01 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
This is whats on the template.css

Code:
/* Logo */


#rt-logo {
height: 250px;
margin: 0 auto 0 auto !important;
background: url(../images/logo/dark/logo.png) 0 0 no-repeat;
}


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:04 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
Put that piece of code there then:

http://www.urbankaos.co.uk/templates/rt ... 692e35.php


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:08 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
Nope, now it's just cut loads off...
www.urbankaos.co.uk


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:09 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
Great! It worked. Now just put proper width (not too big) and it will be perfect.


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:11 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
YYAAYY IT WORKS!


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:13 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
It works! Try force reloading: ctrl + F5.


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:13 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
You've been a massive help!!!!
thanks alot, really appreciate it,
been trying to sort that for weeks!


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:15 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
It was pleasure.


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:33 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
Ok maybe not..
I just thought it was fine,
got into bed and checked it on my iPad and the Logos back center but cropped again,
so i've come back on the iMac and its the same on here :-/
nothing has been changed though.


Top
 Profile  
 
PostPosted: Thu Jul 12, 2012 11:35 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Jul 10, 2009 4:12 pm
Posts: 277
I just went onto the same file and the coding was removed and back like it was before,
why's it doing it automatically?



I've just put the coding back on there,
will have to check in the morning,
thanks again anyway.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 38 posts ]  Go to page 1, 2  Next



Who is online

Users browsing this forum: No registered users and 12 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group