social icons automatically left justified

5 replies · opened Mar 14, 2023

BbagginsMar 14, 2023

This social icon is automatically justifying to the left of the row. I want it placed between the words.


    
        
            
                Follow Us
                [
                    
                    
                ](https://www.instagram.com/blahbalh/)Instagram
            
SSemicolon WebSTAFFMar 15, 2023

Hello,

Simply add the .d-inline-block Class to the .social-icon Element.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

BbagginsMar 15, 2023

I want the social icon in between the words "US" and "Instagram".

This does not work. Still left justify icon:


            
                Follow Us
                [
                    
                    
                ](https://www.instagram.com/blah/)
                    Instagram
                        
        

And this doesn't work:

[
                    
                    
                ](https://www.instagram.com/blah/)

This kinda works but social icon is only to the left of the text instead of between text "US" and "Instagram":


                Follow Us
                [
                    
                    
                ](https://www.instagram.com/blah/)
                    Instagram
            
SSemicolon WebSTAFFMar 16, 2023

Hello,

Consider using this code:
[ch_pre]
Follow Us

Instagram
[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

BbagginsMar 16, 2023

Getting closer. Yes, social icon now displays between text. However, problem now is that the entire row is left justify. Row should be centered.


            
                Follow Us 
                [
                    
                    
                ](https://www.instagram.com/blah/)
                Instagram
                                       
        
SSemicolon WebSTAFFMar 16, 2023

Hello,

You can either use:
[ch_pre][/ch_pre]

or:
[ch_pre][/ch_pre]

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard