• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Infinity Pro: How to create a 3 page slider for Front Page 1

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Infinity Pro: How to create a 3 page slider for Front Page 1

This topic is: resolved

Tagged: front page 1, Infinity Pro, slider

  • This topic has 13 replies, 2 voices, and was last updated 5 years ago by philsquires.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 6, 2018 at 6:53 pm #223034
    philsquires
    Member

    Hi!

    As above I want to know how to create, configure a 3 page slider for Front Page

    I am using Genesis theme Infinity Pro - see here

    QUESTIONS:
    Can this be done without installing a 3rd party tool - if so how.
    If 3rd party plugin necessary, what is recommended please.

    (note I have seen references to Responsive Full Width Background Slider, but see it hasn't been tested w/latest WP and Soliloquy WordPress Slider Plugin)

    Thanks in advance

    Phil

    https://pivotpointsales.com.au
    September 6, 2018 at 11:57 pm #223040
    Brad Dalton
    Participant

    You can use a third party plugin for this. Soliloquy is one option.https://wordpress.org/support/plugin/soliloquy-lite


    Tutorials for StudioPress Themes & WooCommerce.

    September 7, 2018 at 12:12 am #223041
    philsquires
    Member

    OK cool, thanks Brad - how do I associate plugin with Front Page 1 as per Infinity Pro theme please?

    September 7, 2018 at 1:49 am #223043
    Brad Dalton
    Participant

    You can add the shortcode for the slider to a text or HTML widget in the front page 1 widget area.

    Then you'll need to add/modify the CSS which is work required at your end.

    Note : You'll also need to add support for using shortcodes in widgets.


    Tutorials for StudioPress Themes & WooCommerce.

    September 7, 2018 at 7:15 pm #223051
    philsquires
    Member

    Thanks Brad - I really appreciate your help.

    I've tried a few different configs for the slider.

    Added slider HTML widget to Front Page 1 section

    Added all the shortcodes provided here

    And now I see a widget/slider on front page.

    However I wish for the page to be the slide covering almost the entire page real estate --below upper menu to bottom of front page 1-- to be assigned to the display of slide 1, and then the same for slides 2 & 3.

    Does that make sense.

    Will this plugin work for that outcome?

    September 8, 2018 at 12:25 am #223053
    Brad Dalton
    Participant

    Should do. There are different sliders you can use for this however you will need some coding knowledge to complete the job.


    Tutorials for StudioPress Themes & WooCommerce.

    September 8, 2018 at 3:11 am #223055
    philsquires
    Member

    1. Should do? Where might I locate said code Brad.

    2. Can you point me to diff. slider that might do this job please?

    September 8, 2018 at 4:06 am #223056
    Brad Dalton
    Participant

    I can point you in the right direction.

    1. Add a slider to the front page 1 widget area. I use Soliloquy.

    2. Modify the code to make the slider cover the entire front page 1 container.

    Note : I don't think there's a slider plugin which can be installed and does the job completely without modifying code.

    You can inspect the element, find the CSS and modify it do what you need using this tutorial. https://www.studiopress.com/using-firebug/


    Tutorials for StudioPress Themes & WooCommerce.

    September 8, 2018 at 6:23 am #223058
    philsquires
    Member

    OK, so I purchased Soliloquy, what's the code to modify slider to cover the entire front page 1 container?

    September 8, 2018 at 6:26 am #223059
    Brad Dalton
    Participant

    You can use the free version of Soliloquy https://wordpress.org/plugins/soliloquy-lite/

    The code would need to be written and tested which requires some work to be done.


    Tutorials for StudioPress Themes & WooCommerce.

    September 8, 2018 at 6:59 am #223060
    philsquires
    Member

    Doesn't Featured Content Addon cover it?

    September 8, 2018 at 7:02 am #223061
    philsquires
    Member

    P.S. I understand you offer services Brad ...and am happy to pay for advanced support, when necessary - when do we cross this line?

    https://wpsites.net

    September 8, 2018 at 7:02 am #223062
    Brad Dalton
    Participant

    If you want me to provide the full working solution, installed in your theme, you can contact me here https://wpsites.net/contact/ and i'll provide a qoute.


    Tutorials for StudioPress Themes & WooCommerce.

    September 8, 2018 at 7:06 am #223063
    philsquires
    Member

    Thanks mate...

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble