• Skip to main content

Victor Font Consulting Group, LLC

The DEX Intranet Specialists

Call Us:

+1 919-604-5828

  • Home
  • Care Plans
    • Care Articles
    • Optional Subscriptions
  • Consultations
  • Products
    • Code Snippets
    • Public GitHub Repositories
    • Gist Snippets
    • Pastebin Snippets (Free)
    • Free Plugins
  • FAQs
  • Support
    • Graphic Design
  • Contact
    • Speakers
    • Portfolio
  • Resources
    • Free WordPress Video Training
    • Tutorials
    • Articles
    • Cybersecurity
    • EU Referral Network
You are here: Home / Code Snippet / Add Images to Front Page Widget Areas for Infinity Pro Theme

Add Images to Front Page Widget Areas for Infinity Pro Theme

By Victor M. Font Jr.
February 19, 20172 Comments

The Studio Press Infinity Pro theme includes a filter for customizing which front page images can have background images configured through the WordPress customizer. This snippet, when added to the theme's /lib/helper-functions.php file, will allow you to add images to all of the front page widget areas.

If you don't want all widget areas to have background images, just remove the number from the array. The default is 1,3,5,7. One last step to finalize this, edit front-page.php and change the solid section class to image-section for any area to which you are adding an image.

  • 12shares
  • Facebook6
  • Twitter0
  • Pinterest0
  • LinkedIn6
  • Print
  • SMS0

About Victor M. Font Jr.

Victor M. Font Jr. is an award winning author, entrepreneur, and Senior IT Executive. A Founding Board Member of the North Carolina Executive Roundtable, he has served on the Board of Advisors, of the North Carolina Technology Association, the International Institute of Business Analysis, Association of Information Technology Professionals, Toastmasters International, and the North Carolina Commission for Mental Health, Developmental Disabilities, and Substance Abuse Services. He is author of several books including The Ultimate Guide to the SDLC and Winning With WordPress Basics, and Cybersecurity.

Reader Interactions

VictorFont.com runs on the Genesis Framework

Genesis FrameworkThe Genesis Framework empowers you to quickly and easily build incredible websites with WordPress. Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go.

Check out the incredible features and the selection of designs. It's that simple—start using Genesis now!

Click here to download The Genesis Guide for Absolute Beginners (PDF - 1.4 MB)

Leave a Reply Cancel reply

Your email address and website will not be published. Required fields are marked *
Posting a comment means that you agree with and accept our Comment & Product Review Policy

Comments

  1. Jamie Ross

    August 8, 2017 at 7:33 pm

    Hi Victor,
    Thank you for all you do! You’ve saved me on more than one occasion.

    I’d like to apply your tutorial but in a slightly different way. Using Infinity Pro, I want to apply a background image to front-page-4 instead of front-page-3; so my background images would be
    1,4,5,7,
    instead of
    1,3,5,7.

    In my Infinity Pro child theme files, I didn’t find references to ‘infinity_images’, array( ‘1’, ‘3’, ‘5’, ‘7’ ) ) in
    /lib/helper-functions.php.

    However, I did find references to ‘infinity_images’, array( ‘1’, ‘3’, ‘5’, ‘7’ ) ) in
    /lib/customize.php
    as follows:
    $images = apply_filters( ‘infinity_images’, array( ‘1’, ‘3’, ‘5’, ‘7’ ) );
    and in /lib/output.php
    as follows:
    $opts = apply_filters( ‘infinity_images’, array( ‘1’, ‘3’, ‘5’, ‘7’ ) );

    Would I change the array in both of the above?

    And would I then change front-page.php by replacing .solid-section class to .image-section as follows:
    genesis_widget_area( ‘front-page-4’, array(
    ‘before’ => ”,
    ‘after’ => ”,
    ) );

    Thanks in advance.

    Reply
    • Victor M. Font Jr.

      August 9, 2017 at 8:50 am

      Thank you Jamie. Always a pleasure working with you!

      The Infinity Pro theme has changed a little since I wrote this article, but the principle is the same. What you want to do sounds right. I would go ahead and try it, but make backup copies of your files first in case anything goes wrong.

      Reply

Call: +1 919-604-5828

Send us an E-mail

Accessibility Statement | Affiliate Marketing Disclosure | Capability Statement

Cookie Policy | Comment & Product Review Policy | Privacy Policy | Site Map | Terms & Conditions

Copyright © 2003–2023 Victor M. Font Jr.

Return to top of page