J!Extensions Store™
Forum
Welcome, Guest
Please Login to access forum.
- Joomla! Extensions Store
Icons not aligned (1 viewing) 
Go to bottom
TOPIC: Icons not aligned
#4537
HURI
Fresh Boarder
Posts: 9
User Offline
Icons not aligned Karma: 0  
I have social icons misaligned. Look here
http://www.huri.harvard.edu/news/news-from-huri/220-huri-s-historical-gis-project.html

the tops of the first two Facebook icons are not aligned with the four icons (Twitter, google plus, google share, LinkedIn).

How do I align the them?

Thank you.
 
Logged Logged  
  The administrator has disabled public write access.
#4538
John Dagelmore
Admin
Posts: 3722
User Offline
Re:Icons not aligned Karma: 79  
You have to fix the line-height.

Add a CSS rule like this.

Code:
div.fastsocialshare_container { line-height: 18px; }
 
Logged Logged  
  The administrator has disabled public write access.
#4539
HURI
Fresh Boarder
Posts: 9
User Offline
Re:Icons not aligned Karma: 0  
Great. One more question, is it possible to have the gap between G+ and Google+ Share the same size as between other icons?
 
Logged Logged  
  The administrator has disabled public write access.
#4540
John Dagelmore
Admin
Posts: 3722
User Offline
Re:Icons not aligned Karma: 79  
Normally that's calculated automatically by the Google script.
You can try to override it like the following:

Code:
#___plusone_0 { width: 60px !important; }
 
Logged Logged  
  The administrator has disabled public write access.
#4541
HURI
Fresh Boarder
Posts: 9
User Offline
Re:Icons not aligned Karma: 0  
It worked. Thank you. You provide great support.
 
Logged Logged  
  The administrator has disabled public write access.
Go to top