no popup setting in Detail View

Phoca Gallery - image gallery extension
alizayni
Phoca Newbie
Phoca Newbie
Posts: 6
Joined: 15 Oct 2020, 10:50

no popup setting in Detail View

Post by alizayni »

for the (Detail View Settings) if i chose (no popup) the page is not responsive and the image in mobile appear so big and could not be resized.
how can i make this page responsive
for example this page https://www.takweenart.net/gallery/1-am ... canvas2003
I'm using version 4.4.3
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: no popup setting in Detail View

Post by Jan »

Hi, this is the purpose of no popup method, it just displays large thumbnails on whole page. To resize the image for mobile or other device, just try to use some CSS - to set e.g. max-width, max-height for the image on the site. :idea:

Jan
If you find Phoca extensions useful, please support the project
alizayni
Phoca Newbie
Phoca Newbie
Posts: 6
Joined: 15 Oct 2020, 10:50

Re: no popup setting in Detail View

Post by alizayni »

HI Jan
thank you for prompt response
i find this class with the image class="pg-detail-image img img-responsive"
i added
#phocagallery .pg-detail-image img img-responsive{
max-height: 100%;
max-width: 100%;
}
to phocagallery.css but did not work
am I doing something wrong
alizayni
Phoca Newbie
Phoca Newbie
Posts: 6
Joined: 15 Oct 2020, 10:50

Re: no popup setting in Detail View

Post by alizayni »

also i edit this
#phocagallery .pg-detail-view {
width: 10%;
border: dashed blue 1px;
}

.pg-detail-view {
max-height:100%;
max-width: 100%;
}

and nothing happened
alizayni
Phoca Newbie
Phoca Newbie
Posts: 6
Joined: 15 Oct 2020, 10:50

Re: no popup setting in Detail View

Post by alizayni »

i found in the page source :
<td colspan="6" align="center" valign="middle" style="height:800px;vertical-align: middle;"><div id="phocaGalleryImageBox" style="width:667px;margin: auto;padding: 0;"><img src="/images/phocagallery/thumbs/phoca_thumb_l_bahijaalhakim.jpg" alt="bahija alhakim 01" class="pg-detail-image img img-responsive"></div></td>

if i delete the style , style="height:800px;vertical-align: middle;" and style="width:667px;margin: auto;padding: 0;" it become responsive.
any idea in which page i can delete these 2 styles
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: no popup setting in Detail View

Post by Jan »

Hi, what do you mean with "in which page"? Do you mean "in which files"?

Jan
If you find Phoca extensions useful, please support the project
Post Reply