Slideshowplugin ist not responsiv?

[christine]

Then add an !important; Clear the cache.

max-width:100% !important;

Kind regards
Christine

[westerweb]

no change!

[christine]

Hi,

I hv tested it on a test-site & it works. Which CSS files do you have? (in addition to your /template.css) Try please to implement a custom.css to your template.
Would be useful to see your site.

Kind regards
Christine

[westerweb]

No more white background?
The site is not yet ready an d in a protected directory
therfore I cannot give you access

Wich template.css do you mean?
/templates/phoca_photography/css/template.css
or the template.css of our helixultimate?
There we have a custom.css

Best regards
Wolfgang

[christine]

Hi Wolfgang,

you wrote in previous post, that you are using template of phoca_photography. And that was my questions, which CSS you have there.
Only /css/template.css or other in addition? In this template, it's useful to add a custom.css. Just try it.

In helixultimate, of course, there should be a custom.css.

With above Code, the Slidshow Plugin becomes responsive. White background still exists, as it is like a placeholder for other images/sizes and/or previous images.

Kind regards
Christine

[westerweb]

Same as before !
I set width to 910px which is 100% at PC Screen
I inserted as you proposed:
div.phocagalleryslideshow {max-width:100% !important;}
This did not work so I inserted width: 100% !important;
which also does not work.
The picture itself IS responsive but not its background, it stays at original height and its color is white
Best regards
Wolfgang

[christine]

Hi Wolfgang,

in which CSS did you insert the Code? The: ...... max-width:100% !important; ... belongs to mobile version. Not the width: 100%;

As I wrote before, the white background still exists, but both is responsive. For forum matter, I changed the white background temporary to blue.



Kind regards
Christine

[westerweb]

I inserted the code into custom.css of helixultimate

[christine]

What about of an added custom.css of phoca_photography, as your PG is activated to this template?

Kind regards
Christine

[westerweb]

I added a custom.css to phoca_photography:
/* Phoca slideshow responsive aus Anfrage Forum*/
div.phocagalleryslideshow {
/* width: 100% !important;*/
max-width:100% !important;
}
Now the image is cut, you only see the left part of 1.024px × 685px (Skaliert zu 910px × 609px)
at an Galaxy Note 3 360x640 in FF