Icons with text above the footer on all pages

Solved
Jon_Chambers
Excursionist
26 2 2
<style>
    .mobile-cell {
    }

    .footer-icons {
        background-color: #e6f3f3; /* Change background color */
    }
    .footer-icons .icon svg,
    .footer-icons .icon img {
        max-height: 40px !important; /* Change icon height here */
    }

    @media only screen and (max-width: 650px) {
        .mobile-cell {
            display: block !important;
        }
    }
</style>

<div class="footer-icons" style="display: table">
    <div class="mobile-cell" style="display: table-cell; padding: 10px; vertical-align: top; text-align: center">
        <div class="icon">
            <!--===== SVG Example ====--->
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 105">
                <g fill="#97C024" stroke="#97C024" stroke-linejoin="round" stroke-linecap="round">
                    <path d="M14,40v24M81,40v24M38,68v24M57,68v24M28,42v31h39v-31z" stroke-width="12"/>
                    <path d="M32,5l5,10M64,5l-6,10 " stroke-width="2"/>
                </g>
                <path d="M22,35h51v10h-51zM22,33c0-31,51-31,51,0" fill="#97C024"/>
                <g fill="#FFF">
                    <circle cx="36" cy="22" r="2"/>
                    <circle cx="59" cy="22" r="2"/>
                </g>
            </svg>
        </div>
        <div>
            Donec molestie ac sapien et varius. Vivamus interdum tortor ac orci cursus tincidunt.
        </div>
    </div>
    <div class="mobile-cell" style="display: table-cell; padding: 10px; vertical-align: top; text-align: center">
        <div class="icon">
            <img style="display: inline-block; margin: auto;"
                 src="data&colon;image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAAC0CAYAAACqsGOtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MzBEQUI4RkEzQjIxMUVCOEIxQ0Y2NTY0NTY4MzlBOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MzBEQUI5MEEzQjIxMUVCOEIxQ0Y2NTY0NTY4MzlBOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzMERBQjhEQTNCMjExRUI4QjFDRjY1NjQ1NjgzOUE5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzMERBQjhFQTNCMjExRUI4QjFDRjY1NjQ1NjgzOUE5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+q1Kl7gAAFIlJREFUeNrsXQ1QlOW3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"
                 alt="icon">
        </div>
        <div>
            Donec molestie ac sapien et varius. Vivamus interdum tortor ac orci cursus tincidunt.
        </div>
    </div>
    <div class="mobile-cell" style="display: table-cell; padding: 10px; vertical-align: top; text-align: center">
        <div class="icon">
            <img style="display: inline-block; margin: auto;"
                 src="data&colon;image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAAC0CAYAAACqsGOtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MzBEQUI4RkEzQjIxMUVCOEIxQ0Y2NTY0NTY4MzlBOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MzBEQUI5MEEzQjIxMUVCOEIxQ0Y2NTY0NTY4MzlBOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzMERBQjhEQTNCMjExRUI4QjFDRjY1NjQ1NjgzOUE5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzMERBQjhFQTNCMjExRUI4QjFDRjY1NjQ1NjgzOUE5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+q1Kl7gAAFIlJREFUeNrsXQ1QlOW3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"
                 alt="icon">
        </div>
        <div>
            Donec molestie ac sapien et varius. Vivamus interdum tortor ac orci cursus tincidunt.
        </div>
    </div>
</div>
0 Likes
Jon_Chambers
Excursionist
26 2 2

I added comments so you can change the values as needed.
(color and icon height)

There is also a svg example.

Regards,
Jon

 

0 Likes
vivame
Explorer
64 0 7

Thanks Jon, this is exactly what I was after, the only issue I am having, with my lack of coding skill, is when I paste the SVG example three times in a row it doesn't display correctly. Am I doing something wrong in copying the SVG code and pasting it in place of the other two?

0 Likes
vivame
Explorer
64 0 7

Worked it out... Thanks Jon, you are a genius, really appreciate it!

vivame
Explorer
64 0 7

Hi Jon, so I added a fourth icon and typed in some phrases in place of the lorem ipsum text, which were less words, for example 'free shipping' which narrowed the section (even with the added icon) so it did not fill the full width of the screen. 

I added some extra padding to each icon which seemed to fix it on desktop but in mobile view the icons are showing like this, with the section not filling the screen, should I just keep adding more padding to each icon? The section is great I am just trying to work out how to make sure it fills the full width of the screen on desktop, mobile and tablets. 

Screen Shot 2021-04-23 at 11.49.04.png

0 Likes