Welcome! To use this support forum, please Login or Join Today!

   

Slideshow problem

{name}
Rank

Total Posts: 10

Joined 2017-04-14

PM

 

The pictures have black bars on each side that get bigger on smaller displays. Also the images are being compressed upon resizing.

I used the widget in the teaser area, with 1800, heigh 300. Auto heigh “false”. I tried various slideshow sizes and image sizes.

Url: http://blog.martinaweissenboeck.at

Please help!
Martina

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

Hi Martina,

The teaser widget (as seen here) is aligned with the content by default (The background is the only portion that extends the full width of the page).

The backstretch slider (as seen here) is the only full-width option out of the box.

That said, it’s pretty easy to override the width of the teaser to allow your slider to adapt:

#showcase .container,
#showcase .columns {
  width:100% !important;
}

The above rule would be global across the entire site, so if you only wanted a full page teaser widget on page ID 37, for example, you could also use this:

body.page-id-371 #showcase .container,
body.page-id-371 #showcase .columns {
  width:100% !important;
}

{name}
Rank

Total Posts: 10

Joined 2017-04-14

PM

 

I got it, thank you!