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

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Adding a Soliloquy Carousel?

Home › Community Forums › Aspire Theme Support › Adding a Soliloquy Carousel?

  • This topic has 7 replies, 2 voices, and was last updated 5 years, 8 months ago by Wes.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 17, 2017 at 9:31 pm #21395
    Kelly
    Customer

    I want to remove the Featured Section 1 image in the Aspire template and replace it with a Soliloquy carousel. I’m thinking I can simply install the Soliloquy Carousel widget into the Front Page 1 widget section since I’m not using that section in my design.

    If you’re familiar with this theme, you’re probably well aware that I can remove the image from Featured Section 1, but how do I also get rid of the 1600 px x 1050 px blank space that’s left after the image is removed?

    Thanks!

    May 18, 2017 at 12:56 am #21396
    Kelly
    Customer

    Here’s the website I’m working on: http://wmp2.idealynx.com/

    As you’ll see, I managed to remove the Featured Section 1 image and insert the Soliloquy Carousel, but I can’t figure out how to get rid of the extra space above and below the carousel.

    Plus, when you expand the browser, the carousel submerges into the Front Page 2 widget section, which is a problem because I loose my carousel caption area and navigation circles.

    How can I fix these problems?

    Thanks!

    May 18, 2017 at 2:19 am #21397
    Kelly
    Customer

    I played around with for a few hours, but the only solution I could come up with is adding a whole lot of @media queries, but that doesn’t seem practical. I hope someone else has a better idea. ๐Ÿ™‚

    May 18, 2017 at 2:27 pm #21403
    Wes
    Moderator

    The front-page.php file links to a home.js file, you can unlink that if you want.

    This also controls the front-page-1 in the style.css file (if you’re using the latest version) –

    .front-page-1 {
    	max-height: 740px;
    	position: relative;
    }
    
    .front-page-1 {
    	height: 100vh;
    }

    And the margin-top: -160px; would need to be removed or adjusted for the front-page-2 section if you don’t want it to overlap front-page-1 like the demo.

    May 18, 2017 at 2:33 pm #21404
    Kelly
    Customer

    Will this code also prevent the bottom of the carousel from submerging when I expand the browser window?

    Also, the image size I’m using for the carousel is 1600px x 900px. However, when I expand the browser beyond 1600px wide I run out of image and get bands on both sides. Is there anyway to prevent that?

    BTW, what’s height: 100vh mean? I’ve never seen that measurement before.

    Thanks Wes! You’re the best!

    May 18, 2017 at 4:57 pm #21408
    Wes
    Moderator
    This reply has been marked as private.
    May 19, 2017 at 3:40 pm #21414
    Kelly
    Customer

    Hey Wes, I think I’m going to abandon the carousel idea. I just can’t find an easy way to implement it so it looks good on both a desktop computer and mobile device.

    Having said that, how can I turn off the Parallax effect in the home page of this theme? BTW, I upgraded my Aspire theme to 1.2.

    May 20, 2017 at 1:43 am #21422
    Wes
    Moderator

    You can turn off the Parallax by commenting or removing the code for it in the front-page.php file. It’s right under this – //* Enqueue parallax script

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now โ†’

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us โ†’

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 ยท Appfinite ยท Built With The Genesis Framework