Alternating slideshow modules in Aussie Template: Page 2

Alternating slideshow modules in Aussie Template

mikyilfilosofo

Try to add the following custom css code to remove marked white strip:

#bannerwrap .moduletable {
margin-top: 0;
}
Cheers
Joshua

Hi! It works!
Thanks!
Cheers

paulus1031

thanks for the update

mikyilfilosofo

Hi!
I tried to use these classes for module "Slideshow 1366px":

aussie-slideshow wave-border hidden-desktop visible-tablets visible-phone

...and I tried to use these other classes for module "Slideshow 1920px":

aussie-slideshow wave-border hidden-phone hidden-tablets visible-desktop

My goal was to enlarge the breakpoint from phone (620px) to tablet (787px), which manages the alternation between the two modules, without changing the template setting.
The result is that from 620px to 787px of width no slideshow is displayed.
What did I do wrong?
Thanks!
Cheers

paulus1031

Can you not use

aussie-slideshow wave-border hidden-phone on the desktop width

and other

aussie-slideshow wave-border hidden-tablets hidden desktop

Cheers
Paul

mikyilfilosofo

Hi!
1) Sorry, it's not clear to me. Could you tell me what classes I have to write in the "Slideshow 1366px" module and what classes should I write in the "Slideshow 1920px" module?

I would like the "Slideshow 1366px" module to be displayed on phone and tablet, while the "Slideshow 1920px" module only on desktop.
Thanks!

2) As you can see in attached screenshot, the photo of the slideshow comes out from below creating a strip. How to solve? I used this rule, but it is overwritten.:

html.itemid-101 .backstretch{ height: 740px !important;}

Thanks!
Cheers

Joshua-M

Hi,

1) For you Slideshow 1366px try to use only this class:

aussie-slideshow wave-border hidden-desktop

2) Please try to remove your browser's cache, because I can't see this issue (seems that your code works).

Cheers
Joshua

mikyilfilosofo

Hi!
Now everything works! I only regret that we can not use as breakpoints greater width of 787px, such 1200px.
Thanks to both for the help, Paulus1031 and Joshua-M!
Cheers

paulus1031

Thanks for the update

You can change the breakpoints in the template settings

There are classes to use to target these I think from memory

Hide classes
hidden-desktop
hidden-tablets
hidden-tablet
hidden-phones
hidden-phone
min-width-desktop
min-width-tablet
min-width-phones
hidden-navcollapse
hidden-gridcollapse

Visible classes
visible-desktop
visible-tablets
visible-tablet
visible-phones
visible-phone
visible-navcollapse
visible-gridcollapse

mikyilfilosofo

Ok, Thanks!
Cheers

paulus1031

Any problems let us know

I've not actually used all these classes on the sites I've built 🙂

Cheers
Paul

« Previous Page