• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2762

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Premium Access
  • Log in

Add Slider Background To The Minimum Pro Theme

In this tutorial, i’ll show you the easiest way to replace the default background image in the new Minimum Pro child theme with a slideshow.

Update: Here’s another way to replace the after header background image on the front page of Minimum Pro with a slide show

Rather than modify PHP & CSS code, you can simply hook in a new responsive slider.

slides

Here’s a few code snippets you can choose from depending on which slider plugin you want to use:

Please copy the PHP code from the view raw link and paste it in your child themes functions.php file.

Easing Slider – Free Version

Easing Slider – Pro Version

Soliloquy – Free Version

Positioning

If you want the images to display before your tagline, simply paste the PHP before the code for your tagline in the functions file. Otherwise paste it after the tagline code if you want it to display below your tagline.

You can also use a third parameter for positioning priority when hooking in different functions using the same hook.

Other Options

  • Minimum Pro – Replace Front Page After Header Image with Slide Show
  • You could also install the Easy Backstretch plugin and use it to add a full width background slideshow to any background element of the Minimum Pro theme.
  • Installing Full Width Responsive Slider To Minimum Pro Theme
  • 3 Ways To Add Responsive Background Images & Slideshows In Genesis Using Backstretch

Reader Interactions

Comments

  1. hmistler says

    June 29, 2015 at 9:51 am

    Hi Brad – will this solution work as a background for a widget? I am hoping to make the background of one of my widgets on my home page a slideshow of images, while keeping the text widget with my copy on top. Thanks!

    Log in to Reply
    • Brad Dalton says

      June 29, 2015 at 10:21 am

      Hi Haley

      What theme are you using?

      And which widget?

      Log in to Reply
      • hmistler says

        June 29, 2015 at 11:00 am

        I’m using the Agentpress theme from Studiopress. It’s the widget called home-top, the first image on the home page. You can see it here: Commonwealthpremierrealty.com

        Log in to Reply
        • Brad Dalton says

          June 29, 2015 at 11:07 am

          Please send me login details and FTP access.

          Also, do you have some images for the slider?

          Log in to Reply
          • hmistler says

            June 29, 2015 at 11:26 am

            I just sent all the info through your “support” form – let me know if you need more info. Thanks!!

  2. Frances says

    May 22, 2014 at 1:52 pm

    Brad i’m also from the StudioPress forum. I’ve tried to use some of the tools you’ve given to setup the full width slideshow for minimum and my site has crashed and has been down for two days.

    Log in to Reply
    • Brad Dalton says

      May 22, 2014 at 3:02 pm

      Frances.

      You haven’t copied and pasted the code correctly.

      You forgot to add an extra closing curly bracket.

      Please copy ALL the code from the view raw link and paste it at the end of your child themes functions.php file using a text editor like Notepad++

      Log in to Reply
  3. Daniel says

    September 2, 2013 at 1:11 am

    Hello Brad! i am from the my.studiopress forum, i really appreciate your help and tips.
    I have installed and tried what you say on this post and if you can look my website i have some issue at the bottom of the single image that i uploaded for the slider (more images soon) there is a white margin that i don’t know how to remove…

    how do i remove it?
    help please 🙂

    and thank you again!!!

    Log in to Reply
    • Brad Dalton says

      September 2, 2013 at 1:30 am

      Hi Daniel

      The white margin is built into the theme using CSS code.

      You can remove it simply by removing the code for it in your child themes style.css file.

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
 

Loading Comments...
 

You must be logged in to post a comment.