Adding a Soliloquy Carousel?

Homepage › 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.