Appfinite

Premium WordPress Themes for The Genesis Framework

Adding a Soliloquy Carousel?

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

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.