Joomla Templates Club 406,261 posts

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#179942

Hi Guys, I wanted to move the social icons from http://www.myjakartaconcierge.com/index.php/typography/five-star-hotels/five-star-hotels/grand-hyatt-jakarta (under the address details the twitter and facebook icons) to the same position on a new site using JA Orisite.

When i copied the code and then put the icons in the images folder on my hosting admin account they don’t appear http://www.millionaireasia-indonesia.com/index.php/travel-concierge1/jakarta/jakarta-hotels/grand-hyatt-jakarta-detail

Any suggestions on what I might be doing wrong?

This is the code i have in that section:

<p><a href=”http://www.jakarta.grand.hyatt.com” target=”_blank” title=”Grand Hyatt Jakarta”><span class=”value” style=”border: 0px none; margin: 0px; padding: 0px;”>www.jakarta.grand.hyatt.com</span></a></p>
<ul>
<li><a class=”icon-facebook” href=”http://www.facebook.com/GrandHyattJakarta” title=”Facebook”>Facebook</a></li>
<li><a class=”icon-twitter” href=”https://twitter.com/#!/grandhyattjkt” title=”Twitter”>Twitter</a></li>
</ul>

Thanks Jim

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#464407

Hi Jim,

I have copied the same your script and pasted to JA Orisite Template. You can see it on attachment file

And you need to add both script css into template.css


// icon-facebook
.custom-connectus .icon-facebook {
background-image: url(../images/icon-facebook.png)!important;
}
//.icon-twitter
.custom-connectus .icon-twitter {
background-image: url(../images/icon-twitter.png) !important;
}

Or send PM me with admin access and FTP account. I will help you out.

Regards

---

Attachments:

1. 

1 user says Thank You to Ninja Lead for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#465303

Thanks,

I tried that and added other code that I had from a previous solution to this on another site. Still not working. So have sent you a PM.

Many thanks,

Jim

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#465425

Please check this link: http://www.millionaireasia-indonesia.com/index.php?option=com_content&view=article&id=114:a-mesmerising-riviera&catid=85&Itemid=552

I have changed

Add this script into Article “A Mesmerising Riviera – By Gwendoline Sim”

<p><a href="http://www.jakarta.grand.hyatt.com" target="_blank" title="Grand Hyatt Jakarta"><span class="value" style="border: 0px none; margin: 0px; padding: 0px;">www.jakarta.grand.hyatt.com</span></a></p>
<div class="moduletable-connectus custom-connectus">
<ul>
<li><a class="icon-facebook" href="http://www.facebook.com/GrandHyattJakarta" title="Facebook">Facebook</a></li>
<li><a class="icon-twitter" href="https://twitter.com/#!/grandhyattjkt" title="Twitter">Twitter</a></li>
</ul>
</div>

<blockquote>Open templates/ja_orisite/css/template.css file</blockquote>
and add new script

<blockquote>.custom-connectus .icon-facebook {
background-image: url(../images/icon-facebook.png)!important;
}
.custom-connectus .icon-twitter {
background-image: url(../images/icon-twitter.png) !important;
}
div.moduletable-connectus li a {
display: block;
font-weight: bold;
padding: 6px 0 6px 35px;
background-position: 0px 0px;
background-repeat: no-repeat;
}
div.moduletable-connectus li a:hover {
background-position: 0 -36px;
text-decoration: underline;
}</blockquote>

1 user says Thank You to Ninja Lead for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#465491

Thanks again. All working well now.

[Author]

Posts