Jump to content


Photo
- - - - -

Center an Icon in the middle of a row

Icon Center Grid Row

Best Answer catrina , 29 April 2013 - 05:36 PM

You can use this:

 
<p align="center">CODE FOR YOUR ICON GOES HERE</p>
Go to the full post


  • Please log in to reply
3 replies to this topic

#1 clementsinz

clementsinz

    Member

  • Members
  • 13 posts
  • LocationFrance
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 29 April 2013 - 04:59 PM

Hi,

 

I am a beginner at Pagelines and I would like to get an icon centered in my page (see the file attached) I used the grid system with offsetting columns and I wrote this:

 

 

<div class="row">
<div class="span2 offset5"> icon-question-sign icon-4x </div>
</div>

 

I'd like to place the icon centered in the middle of span 6 and span 7. I know there's a special class called    .center    but I am not sure if it's the right one to use and where to place it.

 

Thanks in advance for your help.

 

 

Attached Files



#2 catrina

catrina

    Advocate

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

Posted 29 April 2013 - 05:36 PM   Best Answer

You can use this:

Please Login or Register to see this Hidden Content



#3 clementsinz

clementsinz

    Member

  • Members
  • 13 posts
  • LocationFrance
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 29 April 2013 - 05:45 PM

Thanks a lot it works perfectly!!!



#4 catrina

catrina

    Advocate

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

Posted 29 April 2013 - 05:54 PM

No problem!