add image to upper right

I would like to add an image to right of the logo in the upper corner, but I'm not sure where to place this in the css files.

I've include the url and uploaded

HP new moontagstroke.jpg

the highlighted image as I would like it to appear.

thanks again

http://moonlight.versist.net/

Hi,

Just add it again then I will check and give you css code to display it better.

I don't know where to add it.

thanks

You can add this to this file: \templates\gk_finance_business\layouts\blocks\nav.php

Find this code and add your custom html code after:

Code: Select all

<?php if ($this->getParam('logo_type', 'image')!=='none'): ?>
     <?php if($this->getParam('logo_type', 'image') == 'css') : ?>
     <h1 id="gkLogo">
          <a href="./" class="cssLogo"></a>
     </h1>
     <?php elseif($this->getParam('logo_type', 'image')=='text') : ?>
     <h1 class="gkLogo text">
         <a href="./">
              <span><?php echo $this->getParam('logo_text', ''); ?></span>
              <small class="gkLogoSlogan"><?php echo $this->getParam('logo_slogan', ''); ?></small>
         </a>
     </h1>
    <?php elseif($this->getParam('logo_type', 'image')=='image') : ?>
    <h1 id="gkLogo">
          <a href="./">
          <img src="<?php echo $logo_image; ?>" alt="<?php echo $this->getPageName(); ?>" />
          </a>
     </h1>
     <?php endif; ?>
<?php endif; ?>


thank you - I will give it a try.

My apologies, but I am really not a programmer. I have found the file, but I really don't know what to add and where to add it. I'm afraid to mess up the whole site.

Basically, I have an image that I want to add in addition to the logo that is placed to the right of the logo and the bottom edge should end where the bottom border of the navigation is.

I hope this makes sense. The image I uploaded the other day shows the placement.

Thank you.

Could you find the code above in the file I mentioned? Right after that code, add something like this:

Code: Select all

<img src="https://www.gavick.com/forum/download/file.php?avatar=258659_1322502298.jpg" />


I found the file and the code. I added your sample code to the nav.php file and it added the image to the navigation. I want the image to show up in the <div id="gkPageTop" class="gkMain "> piece, so that it starts to the right of the logo and ends at the bottom of the navigation.

Is this possible?

thanks again

so you get the file back to be original then add that code after line 46:

Line 46:

Code: Select all

</h1>
     <?php endif; ?>


I've tried to add the sample code you gave me and nothing happened. I'm missing something.

thanks again

I added the image to the template.css file, line 48
#gkPageTop { margin-bottom: 20px; min-height:96px; border: 1px solid #e5e5e5; border-top: none; border-radius: 0 0 1px 1px; -moz-border-radius: 0 0 1px 1px; -webkit-border-radius: 0 0 1px 1px; position: relative; overflow:visible; background: transparent url('../images/Building.png') no-repeat; }

now, how can I could move it to the right without the entire logo moving? I tried to add float: right; but the logo moved with it.

Any suggestions?

thanks again

You can add this code plus:

Code: Select all

#gkPageTop{
background-position: right top;
}


thank you. I will give it a try.

It worked

Thank you again.

Hi,

what about removing the items? Do i do it from joomla page or go into the indivual page to remove them.

How do i do it? Its under gkPageTop isnt it?

Marc

Hi Marc,

Please consult solution at https://www.gavick.com/support/forums/114/12797.html