Docs

[piexec]

I have some small social media icons I want to add to a section. I want them all side by side but dont want them to go top over each other on mobile. What’s the best way to line up say 10 75px X 75px images side by side?

[piexec]

I’m getting close…

http://catch23.piexec.com/menus/

In the RED bar at the bottom.

and I’m using the attached in a Raw Content box.

how do I get these icons centered?

Thanks in advance!

[Rue Nel]

Hello There,

Thanks for writing in! Do your want something like this, http://prntscr.com/crksbt? Please use this code instead:

<div id="contentBox" style="margin: 0 auto;width: auto !important;display: block;">

    <!-- columns divs, float left, no margin so there is no space between column, width=1/3 -->
    <div id="column1" style="margin:0;padding:10px;display: inline-block;"><a href="https://www.facebook.com/catchtwentythree/"><img src="http://catch23.piexec.com/wp-content/uploads/2016/10/facebook.png" width="75" height="75" alt=""></a></div>

    <div id="column2" style="margin:0;padding:10px;display: inline-block;"><a href="https://plus.google.com/+CatchTwentyThreeTampa"><img src="http://catch23.piexec.com/wp-content/uploads/2016/10/gp_icon.png" width="75" height="75" alt=""></a></div>

    <div id="column3" style="margin:0;padding:10px;display: inline-block;"><a href="https://www.yelp.com/biz/catch-twenty-three-tampa"><img src="http://catch23.piexec.com/wp-content/uploads/2016/10/yelp.png" width="75" height="75" alt=""></a></div>
    
    <div id="column4" style="margin:0;padding:10px;display: inline-block;"><a href="https://www.pinterest.com/catch23tampa/"><img src="http://catch23.piexec.com/wp-content/uploads/2016/10/pinterest.png" width="75" height="75" alt=""></a></div>
    
    <div id="column4" style="margin:0;padding:10px;display: inline-block;"><a href="https://www.tripadvisor.com/Restaurant_Review-g34678-d515835-Reviews-Catch_Twenty_Three_Tampa-Tampa_Florida.html"><img src="http://catch23.piexec.com/wp-content/uploads/2016/10/ta.png" width="75" height="75" alt=""></a></div>

</div>

We would loved to know if this has work for you. Thank you.

[piexec]

Perfect and thank you!!!

[Thai]

If you need anything else please let us know.

[Author]

Posts