Gallery responsive?

Hi, I have created some galleries the way that the manual RoadFighterDocs.pdf says and I have 2 issues, first of them I consider really serious:
1. When I see the images in the iphone, they are not resizing OK, see attached images: normal page (OK), tapping on the image portrait and tapping on the image landscape. I saw several threads with this problem but I didn't find a real solution and I became lost. Should I install a plugin?
2. The images appear on the page rounded by a kind of rectangle, not like in page 15 of the manual. Is it possible to get rid of that rectangle?
Thanks

 

Hello,

1. Could you please clarify your first issue.

2. Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.page-content .fullwidth .gallery ul.thumbnail.col-4 li span {
background: none;
}

This will solve your issue.

 

Hi, I thought that the images were enough illustrative. That is the aspect it shows on the iphone 5 (and Android) when I tap on an image within a Gallery. It is too small. The button to enlarge is difficult to tap correctly and when I achieved that (it doesn't resize the image to adjust to he iphone screen size either, in this case the result is that the image is much bigger than the screen) if I tap again it returns to the small size. So it is really user unfriendly. What I expect is that the image is adjusted to the screen size (more or less) and that I can easily navigate the Gallery with my finger.
Don't know if this is clear now.
Thanks.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px) {
div.pp_pic_holder {
width:270px !important;
height:220px !important;
margin-left:-50px;
}
.pp_content {
width:220px !important;
height:220px !important;
}
.pp_content_container {
width:270px !important;
height:220px !important;
}
.pp_content img {
width:250px !important;
height:200px !important;
margin-left:-10px;
}
.pp_gallery {
display:none;
}
.pp_hoverContainer {
width:270px !important;
height:200px !important;
margin-left:-20px;
}
a.pp_next {
width:125px !important;
height:200px !important;
}
a.pp_previous {
width:125px !important;
height:200px !important;
}
.pp_details {
display:none;
}
}

 

Sorry, it doesn't work. I didn't note any difference.

 

Sorry, it was not true. The portrait now works better, the image appears larger when tapping (and the close button dissapeared). But the landscape works the same way as before, with very small images when tapping.
Thanks
Regards

 

Hi, I said it didn't work completely. The landscape orientation is working as before, very small images when tapping. (And in the portrait orientation, the close button disappeared).
Your repair only worked for portrait and not totally ok.
Regards

 

Hello,

We have updated these changes in your members area.
So please download theme from your members area and activate it.
It will resolve this issue.

 

Sorry, but if I download the theme again and activate it, I will lose all the changes done in the theme (sliders, below the sliders, footer, custom code from several issues here in this forum area, everything done in the theme options). This means a lot of work and a lot of testing for a site that was completely built. Is this assumption correct?

 

Hello,

If you have make change in .php files then you will loss your changes.Your theme option content and custom css will remain intact.

 

Hi, I didn't note any difference with the previous resizing. It doesn't work well, when tapping on the images they are shown in a very small size, this is more notorious when you use the landscape orientation of the mobile phone.
Now, I have to change php's for some small changes regarding translate english to spanish default options.