4 replies to this topic

[VJG]

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

•  Screen Shot 2013-01-10 at 12.01.21 AM.png   7.17K  6 downloads

[catrina]

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?

[VJG]

Please Login or Register to see this Hidden Content

[James B]

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

[VJG]

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