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 » 11 Oct 2021, 10:19

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: 44318
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: no popup setting in Detail View

Post by Jan » 11 Oct 2021, 23:04

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 » 12 Oct 2021, 09:34

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 » 12 Oct 2021, 09:41

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 » 13 Oct 2021, 13:38

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: 44318
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: no popup setting in Detail View

Post by Jan » 19 Oct 2021, 22:45

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