Soliloquy Slider instead of the hero image on the home page of Aspire Pro

[babilonarts]

Can you tell me how I can use a Soliloquy Slider instead of the home page hero image at the top? I found some code on the internet but it required editing the PHP of the theme and it hurt using Soliloquy in other places on the site.

http://dox.babilonarts.biz

[Victor Font]

All you should have to do is use the Soliloquy widget in front-page-1. You shouldn't need to code anything.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[babilonarts]

I tried that but it doesn't fill the width 100% or the height like the hero image does. It's limited by the front-page-1 widget area.
https://www.dropbox.com/s/qbvdgbzhokz0gsu/Soliloquy-and-Hero-Image.jpg?dl=0
I've done some CSS customization and it's pretty close but I can't get it to act just like the hero image. Does someone have the solution? I would like for the slide to be the same width and height as the hero image behind it. And when you view on mobile devices it acts the same as the hero image.

[babilonarts]

Okay, so with some more CSS edits I was able to get the slider closer to acting like the hero image. But I'm stuck on this code and how to edit it. I see the code in Firebug but I can't locate it in any style sheet to edit it. Any ideas?

<div class="fp1 image-section" style="height: 1018px;">

I need to reduce the height so the image area doesn't have a bunch of white below it.

[Author]

Posts