To post a new support question, click the Post New Topic button below.
Current Version: 4.9.3 | Sytist Manual | Common Issues | Feature Requests
Please log in or Create an account to post or reply to topics.
You will still receive notifications of replies to topics you are part of even if you do not subscribe to new topic emails.
Image Alignment.
Aric Hoek
258 posts
Fri Jul 26, 19 12:24 PM CST
When viewing on my iPhone I’d like to see the images on the following page centered so the title of the product is completely under the image.
https://solarisstudios.com/galleries/schedule/corporate-sessions/
https://solarisstudios.com/galleries/schedule/corporate-sessions/
Aric Hoek
Tim - PicturesPro.com
16,250 posts
(admin)
Sat Jul 27, 19 4:16 AM CST
Go to Design -> Edit My Theme
Additional CSS in the left menu and add this code:
@media (max-width: 800px) {
#listing-standard .preview .image { width: 100% !important; text-align: center; display: block; }
#listing-standard .preview .image .thumbnail { float: none; display: inline; max-width: 100%; }
}
Additional CSS in the left menu and add this code:
@media (max-width: 800px) {
#listing-standard .preview .image { width: 100% !important; text-align: center; display: block; }
#listing-standard .preview .image .thumbnail { float: none; display: inline; max-width: 100%; }
}
Tim Grissett, DIA - PicturesPro.com
My Email Address: info@picturespro.com
My Email Address: info@picturespro.com
Aric Hoek
258 posts
Thu Aug 08, 19 1:38 PM CST
I have added the custom CSS, but I still seem to be having the same problem when . So sorry for the trouble.
The attached image contains two screen shots from my iPhone X. One the phone is viewed vertically, and the other view horizontally.
The url of the page in question:
https://solarisstudios.com/galleries/schedule/corporate-sessions/
Thank you.
The attached image contains two screen shots from my iPhone X. One the phone is viewed vertically, and the other view horizontally.
The url of the page in question:
https://solarisstudios.com/galleries/schedule/corporate-sessions/
Thank you.
Attached Photos
Edited Thu Aug 08, 19 1:38 PM by Aric Hoek
Aric Hoek
Tim - PicturesPro.com
16,250 posts
(admin)
Fri Aug 09, 19 4:27 AM CST
Try this code instead.
@media (max-width: 800px) {
#listing-standard .preview .image { width: 100% !important; text-align: center; display: block; }
#listing-standard .preview .image .thumbnail { float: none; display: inline; max-width: 100%; }
#listing-standard .preview .image .thumbnailnoborder { float: none; display: inline; max-width: 100%; }
}
@media (max-width: 800px) {
#listing-standard .preview .image { width: 100% !important; text-align: center; display: block; }
#listing-standard .preview .image .thumbnail { float: none; display: inline; max-width: 100%; }
#listing-standard .preview .image .thumbnailnoborder { float: none; display: inline; max-width: 100%; }
}
Tim Grissett, DIA - PicturesPro.com
My Email Address: info@picturespro.com
My Email Address: info@picturespro.com
Aric Hoek
258 posts
Fri Aug 09, 19 7:35 AM CST
Success! Much better. Thank you sooo much,
Aric Hoek
Please log in or Create an account to post or reply to topics.
Loading more pages