Joomla - Sliders Grow/Shrink Issue

28 Posts

ABSolutions posted this 22 February 2017

Hi Themler,

Working on a site and I am using a plugin called "Anything Sliders", which allows we to add sliders to an article within Joomla. The sliders work fine and push the footer down when the grow, but when they shrink the footer does not shrink back with the action (see screenshots). I have used this pluggin on many sites (including Artisteer generated themed sites) and haven't had this problem in the past. Any idea how to correct the problem? I want the footer to come back up after a slider has been collapsed.

Hi Themler, Working on a site and I am using a plugin called "Anything Sliders", which allows we to add sliders to an article within Joomla. The sliders work fine and push the footer down when the grow, but when they shrink the footer does not shrink back with the action (see screenshots). I have used this pluggin on many sites (including Artisteer generated themed sites) and haven't had this problem in the past. Any idea how to correct the problem? I want the footer to come back up after a slider has been collapsed.

Joomla height content sliders

Screen-Shot-2017-02-22-at-3.39.54-PM.png

whitespace.jpg

Vote to pay developers attention to this features or issue.

21 Comments

Order By: Standard | Newest

Support Team posted this 27 February 2017

Hi,

Please provide a link to your site.

Sincerely,
Hella

Hi, Please provide a link to your site. Sincerely, Hella

28 Posts

ABSolutions posted this 27 February 2017

The site is located here:

http://www.epcjobs.ca/reboot

You can find a page with the sliders here:

http://www.epcjobs.ca/reboot/employers

Cheers,

The site is located here: http://www.epcjobs.ca/reboot You can find a page with the sliders here: http://www.epcjobs.ca/reboot/employers Cheers, AB

Support Team posted this 28 February 2017

Hi,

Try to add the following code under the Home >> Settings >> Additional CSS:

.separated-item-38.col-md-12.first-col.last-row.last-col {
    min-height: 100px!important;
}

Sincerely,
Hella

Hi, Try to add the following code under the Home >> Settings >> Additional CSS: .separated-item-38.col-md-12.first-col.last-row.last-col { min-height: 100px!important; } Sincerely, Hella

28 Posts

ABSolutions posted this 28 February 2017

Fantastic! That fixed it.

Cheers,

Fantastic! That fixed it. Cheers, AB

Support Team posted this 28 February 2017

You are welcome. Feel free to contact us again.

Sincerely,
Hella

You are welcome. Feel free to contact us again. Sincerely, Hella

28 Posts

ABSolutions posted this 01 February 2018

Hi Themler,

Same issue here:

http://www.ptbomusicfest.ca/about/board-of-directors

But, the CSS above doesn't fix it.

Hi Themler, Same issue here: http://www.ptbomusicfest.ca/about/board-of-directors But, the CSS above doesn't fix it.

Support Team posted this 02 February 2018

Hi,

The classes a little different now:
.separated-item-46.col-md-12.first-col.last-row.last-col {...}

Thank you,
Olivia

Hi, The classes a little different now: `.separated-item-46.col-md-12.first-col.last-row.last-col {...}` Thank you, Olivia

28 Posts

ABSolutions posted this 02 February 2018

Awesome! It works...thanks a bunch.

Support Team posted this 02 February 2018

You are welcome. Feel free to contact us again.

Sincerely,
Hella

You are welcome. Feel free to contact us again. Sincerely, Hella

28 Posts

ABSolutions posted this 22 March 2018

Still having the same issue here:

http://www.peterboroughwolverines.ca/teams/bantam#coaching-staff

Still having the same issue here: http://www.peterboroughwolverines.ca/teams/bantam#coaching-staff AB

Support Team posted this 22 March 2018

Hi,

I cannot reproduce the issue. White space is being reduced when the new tab is clicked.

Sincerely,
Hella

Hi, I cannot reproduce the issue. White space is being reduced when the new tab is clicked. Sincerely, Hella

28 Posts

ABSolutions posted this 22 March 2018

Sorry - not working in Firefox or Safari on Mac.

Sorry - not working in Firefox or Safari on Mac. AB

Support Team posted this 22 March 2018

Hi,

I see it now. Please try this code:

.separated-item-38.col-md-12.first-col.last-row.last-col {
    min-height: 200px !important;
}

Sincerely,
Hella

Hi, I see it now. Please try this code: .separated-item-38.col-md-12.first-col.last-row.last-col { min-height: 200px !important; } Sincerely, Hella

28 Posts

Is Solution

ABSolutions posted this 22 March 2018

Awesome! Thanks.

Support Team posted this 23 March 2018

Hi,

You're welcome. Please let us know if you need our further assistance.

Thank you,
Themler Team

Hi, You're welcome. Please let us know if you need our further assistance. Thank you, Themler Team

28 Posts

ABSolutions posted this 03 August 2018

Having the same issue with a WordPress Themler Theme here http://develop.absweb.ca/bring-your-own-device/

Support Team posted this 06 August 2018

Hi,

The solution is the same in this case also. But the class is a little different: .bd-grid-6 .separated-item-21{...}

Thank you,
Olivia

Hi, The solution is the same in this case also. But the class is a little different: `.bd-grid-6 .separated-item-21{...}` Thank you, Olivia

28 Posts

ABSolutions posted this 07 August 2018

So is this correct:

.bd-grid-6 .separated-item-2.col-md-12.first-col.last-row.last-col {
min-height: 200px !important;  }

So is this correct: .bd-grid-6 .separated-item-2.col-md-12.first-col.last-row.last-col { min-height: 200px !important; } AB

Last edited 07 August 2018 by ABSolutions

28 Posts

ABSolutions posted this 10 August 2018

Ok - I have tried this a few ways, but I am still having issues. The latest I tried is:

.bd-grid-6 .separated-item-21{ min-height: 200px !important;

}

But, no luck - check here:

http://develop.absweb.ca/2018/05/25/the-samr-model/

Ok - I have tried this a few ways, but I am still having issues. The latest I tried is: .bd-grid-6 .separated-item-21{ min-height: 200px !important; } But, no luck - check here: http://develop.absweb.ca/2018/05/25/the-samr-model/

Support Team posted this 13 August 2018

Hi,

In case of the page you provided the proper selector is .bd-grid-5 .separated-item-34{...}.
Do you know how to use browser developer tools? If you you can use web inspector to find the classes manually.

Thank you,
Olivia

Hi, In case of the page you provided the proper selector is `.bd-grid-5 .separated-item-34{...}`. Do you know how to use browser developer tools? If you you can use web inspector to find the classes manually. Thank you, Olivia

You must log in or register to leave comments