Images in Footer
Example: https://www.buttemosquito.com/
On the bottom of footer-phone:
$(document).ready(function() {
// Create the img element
var imgElement = $('<img>', {
src: 'INSERT IMAGE LINK HERE',
alt: 'Transparency Certificate',
style: 'vertical-align: middle; width: 175px; height: auto;'
});
// Insert the img element after the Telephone paragraph
$('.footer-phone').after(imgElement);
});
On the right side of the footer:
<script>
$(document).ready(function() {
// Create a new div element for the footer picture
var footerPicture = $('<div>', {
class: 'footer-picture',
style: 'float: right; margin-left: 10px; margin-right: 10px;' // Use float right for right alignment and add left and right margins
});
// Create the anchor element wrapping the image
var linkElement = $('<a>', {
href: 'ADD LINK IF WANTED', // Updated link
target: '_blank' // Opens link in a new tab
});
// Create the img element for image
var imgElement = $('<img>', {
src: 'ADD IMAGE URL',
alt: 'ADD IMAGE ALT TEXT',
style: 'width: 150px; height: auto;' // Adjusted image style
});
// Append the img element to the anchor element
linkElement.append(imgElement);
// Append the anchor (link) to the footer-picture div
footerPicture.append(linkElement);
// Wrap the existing .col-md-6 content in a new div for proper layout
var colContent = $('<div>', {
class: 'col-content',
style: 'display: inline-block; vertical-align: top; width: calc(100% - 170px);' // Use inline-block for side-by-side alignment, leaving space for the image
}).append($('.col-md-6:last').html());
// Clear the existing .col-md-6 content and append the new layout
$('.col-md-6:last').empty().append(colContent).append(footerPicture);
// Ensure all <p> elements inside the col-content are block elements for proper spacing
$('.col-content p').css('display', 'block');
});
</script>