Social Icons Reloaded

Advanced Search

Way to 'center' icons

Permalink Browser Info Environment
Hi,

Thanks for the add-on. I removed the bottom line using your .css example. Awesome.

Is there a way to center the icons all in a row?

Thank you,

Kathy
Type: Discussion
Status: Resolved
cedargirl
View Replies: View Best Answer
mnakalay replied on at Permalink Best Answer Reply
mnakalay
Hello.
It depends, what are you trying to do? If you're using only icons without text, they already line up in a row. If you want to do it with text, you need to modify view.css around line 42 look for 
.block-sociallinks li a{
   display:block;
   /* color:#9C9C9C!important; if you want to not use default link colors */
   font-size:14px;
   padding:0;
   margin:0;
   text-decoration:none;
   border-bottom:1px solid #9C9C9C;
   line-height:40px;
   height:40px;
}

and modify
display:block;
to
display: inline-block;


also if you need to have a little space between them modify
margin:0;
to
margin: 0 10px 0 0;

that would add 10px space to the right of each link.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.