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.
-
AuthorPosts
-
May 17, 2017 at 9:31 pm #21395
Kelly
CustomerI 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 #21396Kelly
CustomerHere’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 #21397Kelly
CustomerI 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 #21403Wes
ModeratorThe 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 #21404Kelly
CustomerWill 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 #21408Wes
ModeratorThis reply has been marked as private.May 19, 2017 at 3:40 pm #21414Kelly
CustomerHey 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 #21422Wes
ModeratorYou 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
-
AuthorPosts
- You must be logged in to reply to this topic.