Widen footer columns

Hi
I had to copy the from the template-parts sub-folder footer, i.e. footer-content-lists.php

I then deleted the copyright info:

<div class="col-sm-4 flexbox center-xs middle-xs content-section-spacing-medium footer-column-black">
                  <div>
                    <div class="footer-logo space-bottom-small">
                        <h2><?php mesmerize_print_logo(true); ?></h2>
                    </div>
                    <?php echo mesmerize_get_footer_copyright(); ?>
                    <?php mesmerize_print_area_social_icons('footer', 'content', 'footer-social-icons', 5); ?>
                  </div>
                </div>

After the row at the top then change the 8 to 12.

I then added in the footer.php below the last closing div at the top:

<div class="page-content orangered-bg center padding5" style="border-top: 2px solid orangered;">
<div class="gridContainer content" >
    <div class="row orangered-bg">
       <p id="copyright" class="font-white center">      
         <?php  echo '&copy;&nbsp;' . "&nbsp;" . date('Y') . "&nbsp" .'Orange Tree Private Care, All rights reserved. <br>Built by <a href="https://towywebdesigns.uk" target="_blank" title="WordPress Websites with Hosting">Towy Web Designs</a> <br>& Hosted by <a href="https://ecohostingservices.uk" target="_blank" title="Fast, Reliable Hosting with free SSL Certificates">Eco Hosting Services</a>.';?></p>
     </div>
</div>
    </div>

Obviously change the details. I hope this makes sense. It’s the only way I can see doing it by increasing the widget width.

See here my solution: https://orangetreeprivatecare.uk/

Colin

Hi @cjc1867

Thankyou so much for response. Unfortunately I cannot find template-parts sub-folder footer, i.e. footer-content-lists.php in the theme files and im not quite sure on ‘After the row at the top then change the 8 to 12.’ but im sure it will make sense when i see the code. Could you elaborate? Thankyou so much for your response. I really like your site it looks great!

Yvette

Hi
wp-content\themes\mesmerize\template-parts\footer\footer-content-lists.php

You will have to set up a child theme or otherwise if the main theme is updated then the changes made will be lost.

Thank you for you comments about the website. I hope you the find the file now and make the changes.

If you need anymore help then give me a shout.

Cheers

Colin

Thanks you two, that helped me a lot. While I didn’t originally want to edit the content of the theme pages, it was the only way to solve the problem of cramped content. I ended up making all the changes in the footer-content-lists.php file — moved the copyright information to right before the last div tag, deleted the third widget box and changed the other two widget boxes to col-sm-6 (width 50%). I’m still working on this site, but much happier with this one issue resolved. https://new.tbhs.org/

Hi DebT
That looks great the way you’ve done it. I am glad we can help each other.

Cheers

Colin

Well, I spoke too soon. While the footer widgets look good on computers, they are not working properly on phones. The Facebook, Twitter, etc. feeds do not resize for the phone, so appear huge and off the page. Not good.

Back to the drawing board. Not even sure where to start with this.

Hi
Is it the plugins you have used in the widget areas for twitter and facebook? Try changing them to the regular ones on the widget page and see if they resize. If so then it will be the twitter and facebook plugins that aren’t resizing.

Colin

Hi Colin, thanks, you should get a job here! I ended up using a different Facebook feed plugin that does not show images (the client will probably pay for the Pro version in order to show photos) and that fixed things immediately. The problem was with the other Facebook plugin I had, which the author doesn’t appear to support any more. The Facebook images were not resizing for handhelds, and that threw everything else out of whack. I’m just glad it was a short bit of detective work for me. ??