• 0

Social icons not showing inline


Question

Posted · Report post

Hi support team,

 

I have just followed the guide on this page: http://docs.pagelines.com/tutorials/creating-a-branding-area, to add few social icons to the top area of the site I'm working on.

 

You can have a look of the result: http://toddwalters.net/

 

As per the guide on font awesome page of DMS, the social icons are still showing with bullets one below another rather than sideways.

 

Yes, I do have pasted the custom CSS code to DMS toolbar Custom Code section, but no use.

 

Any suggestions?

 

Thanks.

 

Imran

Share this post


Link to post
Share on other sites

2 answers to this question

  • 0

Posted · Report post

Do as GetMeWebDesign suggested. However, if you haven't added these breaks, then its likely WordPress doing it's magic. Therefore, you will need to remove all white space between your code.

 

For example, if you have this:

 

<ul>

<li>...</li>

<li>...</li>

<li>...</li>

</ul>

 

You will need to remove the white space so it looks like this:

 

<ul><li>...</li><li>...</li><li>...</li></ul>

2 people like this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You should be wrapping the html <a href="#" target="_blank"><i class="icon icon-facebook icon-2x"></i></a> like this:

<li>...</li>

 

rather than <br>, which is a soft return and hence stacked

1 person likes this

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now