Jump to content


Photo
- - - - -

Alignment of Font Icons


Best Answer VJG , 10 January 2013 - 06:25 PM

Thanks, the alignment issue is resolved just be using the background-position attribute.

Go to the full post


  • Please log in to reply
4 replies to this topic

#1 VJG

VJG

    Newbie

  • Members
  • 7 posts
  • LocationHyderabad, India
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 09 January 2013 - 06:41 PM

Hi,

Please see attached thumbnail.

The grey area is a ContentBox.

The two icons are placed in a two column grid.

I need to horizontally center the icons in each cell. 

Earlier, I had a small icon and a large icon displaying on the page.

Although, I have hidden the small icon by CSS, it is getting centered.

How do I center the large icon?

 

CSS I've used to hide the small icon

 

[class^="icon-"], [class*=" icon-"]{
    background:none!important;
    background-image: none;
}
 

Thanks much.

Vj

Attached Files



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 09 January 2013 - 07:58 PM

The icon images themselves may have some extra padding that needs to be taken off the left side. Can you please post a link to your site?



#3 VJG

VJG

    Newbie

  • Members
  • 7 posts
  • LocationHyderabad, India
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 10 January 2013 - 05:34 AM

Please Login or Register to see this Hidden Content



#4 James B

James B

    Advocate

  • Moderators
  • 4983 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 10 January 2013 - 05:44 AM

Hi there, you can apply a negative margin to the icon to make it move to the left more

 

Please Login or Register to see this Hidden Content



#5 VJG

VJG

    Newbie

  • Members
  • 7 posts
  • LocationHyderabad, India
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 10 January 2013 - 06:25 PM   Best Answer

Thanks, the alignment issue is resolved just be using the background-position attribute.