Essenial grid autoplay and navigation

Support
#1

Hi guys,

Referring to first section of nblund.com frontpage:

  1. How can I control the automatic sliding in essential grid?
  2. How do I turn the autoplay completely off?
  3. How do I control the speed of autoplay?

I am aware of the ‘animations’ section in Essential Grid, but changing the configuration there seems to have zero effect.

  1. Also, how do I place navigation modules at the bottom of the grid, yet inside the border as opposed to in the essential grid dropzone. And finally,
  2. How do I add css for additional 35px right margin if navigation modules / arrows are place to the right in a dropzone?

Thanks.

#2

Hey there,

Regretfully, I am not sure what you’re trying to achieve with your questions.

Give us the link to the Essential Grid demo that has “automatic sliding” or screenshots of the options you’re having trouble with.

Please give us details and screenshots of your setup.

There’s also a script conflict in your site. Please fix it first.

Are you referring to a pagination? Please see https://www.themepunch.com/essgrid-doc/columns-rows-pagination/#pagination

Please see https://www.themepunch.com/essgrid-doc/item-skin-editor/#positioning

For more Essential Grid usage instructions, please see https://www.themepunch.com/essgrid-doc/essential-grid-documentation/

Thanks.

#3

Some of the problems are related to another ticket, so let me rephrase: How do I replace the essential grid navigation modules (arrows) as illustrated in the attached image? Thanks

#4

Hi there,

The request you asked for is a customization one which is out of our support scope. We will do our best to guide you to achieve the customization yourself but we will not be able to implement it for you, nor supporting the suggested code if it breaks in the future for any reason.

Kindly read this article on how to customize navigations on Essential Grids:

https://www.themepunch.com/faq/modify-styling-of-navigation-elements/

My suggested CSS code is this:

#esg-grid-8-1 .esg-singlefilters {
	position: absolute;
	bottom: 0;
	right: 20px;
}

Hope it helps.

#5

It works just fine. Thanks for giving a little extra. Truly appreciated :slight_smile:

#6

You are most welcome. :slight_smile: