1. fruitloopy
  2. Commercial Templates
  3. Saturday, 23 March 2013
  4.  Subscribe via email
My customer has asked me to add an icon to link to Trip advisor.
The icon would be width 137 x height 24.

I would like it to be in the same area as the social media icons, either above or below. I tried mucking about with the template.css file, in particular the ul#navigation lines.

Can you give any advice?
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Simon

Considering the size of your TripAdvisor icon I would suggest creating a new module position within the header of your template to accommodate it. For details on creating a new module position may I suggest the following post.. http://www.joomla51.com/forum/support/commercial-templates/chimera-language-switcher#2211

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran

I used the code and added a module in the exact position I wanted which can be viewed here: http://www.kingsheadapethorpe.co.uk
It looks great! The problem is it sits on top of the site and remains in the fixed position when scrolling!
How do I change that so it scrolls the same as the social media icons?

Code I used:
[code type=css]<div id ="header" class="block_holder">

<div id="newmodule">
<jdoc:include type="modules" name="newmodule" />
</div>[/code]
[code type=css]#header {position: relative;}

#newmodule {
position: absolute;
overflow:hidden;
height:51px;
width:200px;
top:115px;
right:0px;
margin:0;
padding:0;
z-index:4;[/code]
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Simon

Rather than adding the following to your header.php...


<div id="newmodule">
<jdoc:include type="modules" name="newmodule" />
</div>


Try adding is directly after the following in your templates index.php (../templates/j51_bordeaux/index.php)


<div id="container_spacer3" class="container"><div class="wrapper960">



Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Yep, that worked!
Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok