Title: Centering social links
Last modified: September 1, 2016

---

# Centering social links

 *  Resolved [Josh](https://wordpress.org/support/users/joshspires/)
 * (@joshspires)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/need-code-help-2/)
 * hello,
 * I have got this code for social links, currently when I place it in the footer
   it goes to the right of the screen. I would like it to be centered!
 * Please could you add in the part that makes it center and then reply with it 
   thanks for all the help!
 * Current Code:
 *     ```
       <ul class="sc_menu">
   
       <li><a href="http://dronenr.com/feed/rss/"><i class="t4p-icon-social-rss"></i></a></li>
       <li><a href="https://twitter.com/Drone_NR"><i class="t4p-icon-social-twitter"></i></a></li>
       <li><a href="https://plus.google.com/u/0/b/103406331465589302600/+DronenrOfficial?pageId=103406331465589302600"><i class="t4p-icon-social-google-plus"></i></a></li>
       <li><a href="https://www.instagram.com/drone_nr/"><i class="t4p-icon-social-instagram"></i></a></li>
       ```
   

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Ravikumar Patel](https://wordpress.org/support/users/ravipatel/)
 * (@ravipatel)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/need-code-help-2/#post-7586944)
 * [@joshspires](https://wordpress.org/support/users/joshspires/),
    As per your 
   code we can not get idea about how to manage this. Please provide your site url.
 *  [Jun Sanchez](https://wordpress.org/support/users/pixeljun/)
 * (@pixeljun)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/need-code-help-2/#post-7586952)
 *     ```
       #sc_menu{
       	text-align: center;
       }
       #sc_menu > li{
       	float: none; /*making sure no css conflicts*/
       	display: inline-block;
       	vertical-align: middle;
       	margin: 0 3px; /* add small margin between icon */
       }
       #sc_menu > li > a{
       	display: block;
       }
       ```
   
 * Optional
 *     ```
       #sc_menu{
       	text-align: center;
       }
       #sc_menu > li{
       	float: none;
       	display: inline-block;
       	vertical-align: middle;
       	margin: 0 3px;
       	width: 35px;
       	height: 35px;
       	background: #363e4a;
       	border-radius: 50%;
       	text-align: center;
       	padding: 6px 0;
       	color: #fff;
       }
       #sc_menu > li > a{
       	display: block;
       }
       ```
   
 *  Thread Starter [Josh](https://wordpress.org/support/users/joshspires/)
 * (@joshspires)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/need-code-help-2/#post-7586962)
 * [@ravi](https://wordpress.org/support/users/ravi/) [http://www.dronenr.com](http://www.dronenr.com)
 *  [Ravikumar Patel](https://wordpress.org/support/users/ravipatel/)
 * (@ravipatel)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/need-code-help-2/#post-7586970)
 * For desktop
 *     ```
       .container.container-header.header_v0 > div#righttopcolumn {
         float: none;
         margin: 0 auto;
         width: 15%;
       }
       ```
   
 *  [David.C](https://wordpress.org/support/users/davidc-1/)
 * (@davidc-1)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/need-code-help-2/#post-7586971)
 * Hi,
 * Try this CSS code
 *     ```
       .sc_menu { float: none; text-align: center; }
       .sc_menu li { float: none; }
       ```
   

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Centering social links’ is closed to new replies.

## Tags

 * [footer](https://wordpress.org/support/topic-tag/footer/)
 * [html](https://wordpress.org/support/topic-tag/html/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 4 participants
 * Last reply from: [David.C](https://wordpress.org/support/users/davidc-1/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/need-code-help-2/#post-7586971)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics