Joomla Templates Club 406,261 posts

[jcsanjurjo Friend jcsanjurjoJoin date: May 2012Posts: 116Downloads:0Uploads:46 Thanks: 26 Thanked: 2 times in 1 posts]

#182531

Hi guys

I’m having a problem with the alignment of the Social Links on the top-right of the home page. Please see the image

Sometimes is just the Search icon which is unaligned, and sometimes the Search as well as the RSS icons. The problem becomes higher when switching the browser …. Chrome > IE > Safari.

A friend tell me that probably one of the styles is declared as relative and the other as absolute, but my Tech skills are not so big, so no idea how to act.

Please could you have a look

Thanks in advance

---

Attachments:

1. 

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#474094

Hi Jcsanjurjo,
This bug has been fixed and updated to this template. Please update your template to the latest version.
Or please update this file
templates/ja_zite/css/template.css
find:

#ja-search {
bottom: 4px;
border-left: solid 1px #222
}

change to:

#ja-search {
bottom: 4px;
border-left: solid 1px #222
float: right;
width: 20px;
}


[jcsanjurjo Friend jcsanjurjoJoin date: May 2012Posts: 116Downloads:0Uploads:46 Thanks: 26 Thanked: 2 times in 1 posts]

#474254

Hi @luna Garden, I’m sorry but I did the change and nothing happens. The situation is the same.

Any other idea ??

Thanks in advance …

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#474325

Hi Jcsanjurjo,

I have fixed on your site, please check and confirm.

[jcsanjurjo Friend jcsanjurjoJoin date: May 2012Posts: 116Downloads:0Uploads:46 Thanks: 26 Thanked: 2 times in 1 posts]

#475036

Hi @luna Garden, I’m sorry but the problem is not fixed. Please have a look in my site.

In any case, please let me know which changes are you doing because this is a test site, not the production one, and I’ve to apply the changes in the production site.

Thanks a lot for your help

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#475090

Hi Jcsanjurjo,
I have fixed the problem on your site.
Your custom HTML code is:

<div class="social"><a class="ico-social ico-facebooks" href="http://www.facebook.com/olivia.es.consulting" title="Facebook"><span>Facebook</span></a> <a class="ico-social ico-twitters" href="https://twitter.com/OliviaSistemas" title="Twitter"><span>Twitter</span></a> <a class="ico-social ico-linker" href="http://www.linkedin.com/company/olivia-consulting?trk=hb_tab_compy_id_2427747" title="Linkedin"><span>Linkedin</span></a> <a class="ico-social ico-rss" href="#" title="RSS"><span>RSS</span></a></div></div>

All I have modified is to remove the space between <a> tag

1 user says Thank You to Luna Garden for this useful post

1. jcsanjurjo

[jcsanjurjo Friend jcsanjurjoJoin date: May 2012Posts: 116Downloads:0Uploads:46 Thanks: 26 Thanked: 2 times in 1 posts]

#475156

Ooooops :-[ What a mistake !!!!

Thanks a lot @luna Garden

1 user says Thank You to jcsanjurjo for this useful post

1. JA Developer

[Author]

Posts