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.

Slideshow and white space

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

I have a zentools2 slideshow in position Grid 1 I just want the images to continually change, I have managed to remove the navigation arrows, but is it possible to remove the five small spots under the slideshow?

Also can I remove some of the white space at bottom of the grid rows and the slide show?

This can all be seen on at www.thecatsboots.co.uk


Thanks.
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Michael,

The discs are a setting in the module - its under

Module layout and settings

its in the right column

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
sorry I meant to include the pic as an attachment


pagination.png
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Cheers Paul, but what about the white space at the bottom of each grid row?
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
Regarding the areas you want to remove the space from

can you add attachment with the areas indicated

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I've drawn a red line to show tharea it is at the bottom of each module and I would really like remove 50% 0f the space



Image3_2016-04-12.png


Image2_2016-04-12.png


Thanks
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
Thanks

The template has this style

.zen-spotlight {
padding: 30px 0;
}

This style means it adds 30px as top and bottom padding

Each row has this div so it applies several times - to override it you need to add the name of the row in front of .zen-spotlight so the style is more specifically targeted

#grid4wrap .zen-spotlight {padding-bottom:0;} for example

or

#grid1wrap .zen-spotlight {padding-bottom:0;}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul, now, do I put that in my custom css file?
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
Yes those cover two of the rows

So yes you would add those to the custom.css

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: Michael Fitzpatrick
As always, Thanks!
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
No problem

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul, I've still got a bit of white space, I've attached a screenshot and put a red box where it is. the Slideshow is in the "above" position and the words starting "lightline" are in the "below" position .
I have also included a copy of my custom css.
Image4_2016-04-12.png




Thanks
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
could not send text file.

Hopefully it will accept a word docx.
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
3rd time lucky?

File Attachment:

File Name: css.doc
File Size: 24 KB
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
maincontent.png


This is the main content area - if you don't plan to use it you can hide it for the front page in the template settings

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Okay thank you thats sorted, now one very last question, well for tonight!

Can I shorten the overlay on the slideshow to the same size as the images. It displays perfect on iPad in portrait but in landscape it is the same as on a desktop.
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
hmm this is a very problematic one

You could add a left value for the positioning and alter the width value for example on my wide screen

#zentools-461 .zt-overlay .zt-item-container {width: 77.8%; left:100px}

but you would need to adjust several times using media queries for different screen widths

Personally I'd make the image full width rather than centered

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Okay cheers mate, I'd better make it full width, that sounds the better deal!

I'll say goodnight.
  • Michael Fitzpatrick's Avatar
  • Michael Fitzpatrick
  • 12 Month basic
  • 226 posts
  • Karma: 0
The administrator has disabled public write access.
Night :)
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

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

Happy Campers