Slideshowplugin ist not responsiv?

Phoca Gallery - image gallery extension
christine
Phoca Hero
Phoca Hero
Posts: 1744
Joined: 28 Nov 2010, 17:20

Re: Slideshowplugin ist not responsiv?

Post by christine » 22 Aug 2019, 17:13

Then add an !important; Clear the cache.

max-width:100% !important;

Kind regards
Christine

westerweb
Phoca Member
Phoca Member
Posts: 11
Joined: 21 Aug 2019, 09:54

Re: Slideshowplugin ist not responsiv?

Post by westerweb » 23 Aug 2019, 14:02

no change!

christine
Phoca Hero
Phoca Hero
Posts: 1744
Joined: 28 Nov 2010, 17:20

Re: Slideshowplugin ist not responsiv?

Post by christine » 23 Aug 2019, 16:17

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
Phoca Member
Phoca Member
Posts: 11
Joined: 21 Aug 2019, 09:54

Re: Slideshowplugin ist not responsiv?

Post by westerweb » 23 Aug 2019, 16:27

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
Phoca Hero
Phoca Hero
Posts: 1744
Joined: 28 Nov 2010, 17:20

Re: Slideshowplugin ist not responsiv?

Post by christine » 23 Aug 2019, 17:36

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
Phoca Member
Phoca Member
Posts: 11
Joined: 21 Aug 2019, 09:54

Re: Slideshowplugin ist not responsiv?

Post by westerweb » 27 Aug 2019, 08:26

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
Phoca Hero
Phoca Hero
Posts: 1744
Joined: 28 Nov 2010, 17:20

Re: Slideshowplugin ist not responsiv?

Post by christine » 27 Aug 2019, 10:01

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.

Image

Kind regards
Christine

westerweb
Phoca Member
Phoca Member
Posts: 11
Joined: 21 Aug 2019, 09:54

Re: Slideshowplugin ist not responsiv?

Post by westerweb » 27 Aug 2019, 10:24

I inserted the code into custom.css of helixultimate

christine
Phoca Hero
Phoca Hero
Posts: 1744
Joined: 28 Nov 2010, 17:20

Re: Slideshowplugin ist not responsiv?

Post by christine » 27 Aug 2019, 10:39

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

Kind regards
Christine

westerweb
Phoca Member
Phoca Member
Posts: 11
Joined: 21 Aug 2019, 09:54

Re: Slideshowplugin ist not responsiv?

Post by westerweb » 27 Aug 2019, 10:49

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

Post Reply