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
no popup setting in Detail View
- Jan
- Phoca Hero
- Posts: 47810
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: no popup setting in Detail View
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.
Jan
Jan
If you find Phoca extensions useful, please support the project
-
- Phoca Newbie
- Posts: 6
- Joined: 15 Oct 2020, 10:50
Re: no popup setting in Detail View
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
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
-
- Phoca Newbie
- Posts: 6
- Joined: 15 Oct 2020, 10:50
Re: no popup setting in Detail View
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
#phocagallery .pg-detail-view {
width: 10%;
border: dashed blue 1px;
}
.pg-detail-view {
max-height:100%;
max-width: 100%;
}
and nothing happened
-
- Phoca Newbie
- Posts: 6
- Joined: 15 Oct 2020, 10:50
Re: no popup setting in Detail View
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
<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
- Jan
- Phoca Hero
- Posts: 47810
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: no popup setting in Detail View
Hi, what do you mean with "in which page"? Do you mean "in which files"?
Jan
Jan
If you find Phoca extensions useful, please support the project