Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

SOLVED: Full width Zentools slideshow?

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Is it possible to have a Zentools slideshow (not the background slideshow managed by the Venture template) display at full width in the Venture template?

I have a WIP site here:
nearmiddlefar.com/

I created a test Zentools slideshow that is published to all pages in the grid1 position, and I have the grid1 row set to fullwidth in the Venture template settings. But the Zentools slideshow does not display full width like some of the other rows in the template.

I think I have all the settings correct within Zentools: Full width image size is set to 'yes', and image resize is set to 'no'. My images are wide enough to display full width.

I would like to know if the problem is somewhere in my settings, if I need to add some custom CSS, or if what I want to do (have a fullwidth Zentools slideshow in the Venture template) is just not currently possible.

Thanks in advance for your help!
  • porwig's Avatar
  • porwig
  • 12 Month Developer
  • 143 posts
  • 4 Thanks
  • Karma: 2
Last Edit: 6 years 5 months ago by porwig.
The administrator has disabled public write access.
Hi Paul,

Making that row full width should do what you need. I looked in the markup but cant see the fullwidth class in the markup.

Can you double check?

Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
The following user(s) said Thank You: porwig
Hi Anthony,

Thanks for your help on this. I have been continuing to work on this and testing some different ideas, and I fear I may have had things in a wrong state when you checked. If so I am sorry about that.

I have now put things back the way they were originally when I started this thread - can you or someone on your team please check again?

Thanks again,

paul
  • porwig's Avatar
  • porwig
  • 12 Month Developer
  • 143 posts
  • 4 Thanks
  • Karma: 2
The administrator has disabled public write access.
Hi

Can you try adding these to your custom code

#grid1wrap .grid-row {padding: 0px;}
#grid1wrap .fullwidth .zen-container {max-width: 100%;}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: porwig
Hi Paul,

Thanks for responding. I tried what you suggested but unfortunately it didn't work. I kept experimenting and I finally got it to display full width by using a module class suffix:

.fullwidth-slideshow {
margin: 0px -40px;
}

Do you think that's an acceptable solution?

Best,

paul
  • porwig's Avatar
  • porwig
  • 12 Month Developer
  • 143 posts
  • 4 Thanks
  • Karma: 2
The administrator has disabled public write access.
Sorry I had extra spaces this is what it should have been

#grid1wrap.grid-row {padding: 0px;}
#grid1wrap.fullwidth .zen-container {max-width: 100%;}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: porwig
Thank you Paul, your solution without the extra spaces works great!
  • porwig's Avatar
  • porwig
  • 12 Month Developer
  • 143 posts
  • 4 Thanks
  • Karma: 2
The administrator has disabled public write access.
sorry about the spaces

Glad we got there

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: porwig
I noticed there was some styling commented out that I had given you that didn't work

Was that resolved ok in the end?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: porwig
Thanks Paul for asking about that - yes, I got those other customizations all sorted. :-)
  • porwig's Avatar
  • porwig
  • 12 Month Developer
  • 143 posts
  • 4 Thanks
  • Karma: 2
The administrator has disabled public write access.
Cool - nice one

Enjoy your weekend :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: porwig
Thank you Paul, you too :-)
  • porwig's Avatar
  • porwig
  • 12 Month Developer
  • 143 posts
  • 4 Thanks
  • Karma: 2
The administrator has disabled public write access.
Cheers :)
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: porwig

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers