Phone number above menu
Professional Jomal template designed to be easily adaptable to all kinds of business
- GK User
- Sat Jan 19, 2013 8:03 am
I was able to successfully put a phone number above the menu (see attached image) using a previous forum posting.
The problem is that the font I'd like to use for the phone number is unusual and so I'd like to put an image in the same spot instead.
How could I adjust the code to do this?
Thanks
Rich
File: templates/gk_corporate2/layouts/blocks/nav.php
Find Lines: 50 to 53 which is below.
<?php if($this->getToolsOverride()) : ?>
<a href="#" id="gkButtonTools"><?php echo JText::_('GK_CORPORATE2_TOOLS') ?></a>
<?php $this->loadBlock('tools/tools'); ?>
<?php endif; ?>
Replace with below.
<?php if($this->getToolsOverride()) : ?>
<a href="#" id="gkButtonTools"><?php echo JText::_('GK_CORPORATE2_TOOLS') ?></a>
<?php $this->loadBlock('tools/tools'); ?>
<?php endif; ?>
<div id="gkMenutop">
<jdoc:include type="modules" name="menutop" style="<?php echo $this->module_styles['xhtml']; ?>" />
</div>
<?php endif; ?>
NOTE: I had to remove the final line above.
Add below css in to templates/gk_corporate2/css/override.css and enable css override from template settings > advanced settings > css override "on".
You might need to adjust it by using padding or width etc.
#gkMenutop { float:right; height: 35px; margin: -35px 0 0;
padding: 0px 0 0px;}
Created a new module using Custom HTML with the phone number and the position of “menutop” (not including the parentheses).
The problem is that the font I'd like to use for the phone number is unusual and so I'd like to put an image in the same spot instead.
How could I adjust the code to do this?
Thanks
Rich
File: templates/gk_corporate2/layouts/blocks/nav.php
Find Lines: 50 to 53 which is below.
<?php if($this->getToolsOverride()) : ?>
<a href="#" id="gkButtonTools"><?php echo JText::_('GK_CORPORATE2_TOOLS') ?></a>
<?php $this->loadBlock('tools/tools'); ?>
<?php endif; ?>
Replace with below.
<?php if($this->getToolsOverride()) : ?>
<a href="#" id="gkButtonTools"><?php echo JText::_('GK_CORPORATE2_TOOLS') ?></a>
<?php $this->loadBlock('tools/tools'); ?>
<?php endif; ?>
<div id="gkMenutop">
<jdoc:include type="modules" name="menutop" style="<?php echo $this->module_styles['xhtml']; ?>" />
</div>
<?php endif; ?>
NOTE: I had to remove the final line above.
Add below css in to templates/gk_corporate2/css/override.css and enable css override from template settings > advanced settings > css override "on".
You might need to adjust it by using padding or width etc.
#gkMenutop { float:right; height: 35px; margin: -35px 0 0;
padding: 0px 0 0px;}
Created a new module using Custom HTML with the phone number and the position of “menutop” (not including the parentheses).
-
- Junior Boarder
- Konrad M
- Sat Jan 19, 2013 10:31 am
Hi,
please publish CustomHTML module in this position and put image inside this module.
please publish CustomHTML module in this position and put image inside this module.
- GK User
- Sun Jan 20, 2013 7:04 am
Thanks.
That worked.
R
That worked.
R
-
- Junior Boarder
3 posts
• Page 1 of 1