View Replies (10)

Resolved SP Easy Image Gallery: disable description and photo amount on the preview image

  1. Issue
  1. SP EASY IMAGE GALLERY
  2. Friday, 28 June 2019
Hi,

How can I disable that the amount of photos is displayed on the preview image?
And how can I disable that the description content is shown on the preview image.For example I want to integrate a back button in the description, but it is displayed on the preview image.
(I am using the SP Easy Image Gallery as a joomla module addon in sp pagebuilder).

Thanks in advance!
Attachments (1)
Preview images.jpg Preview images.jpg
Accepted Answer
Thanks,
inside template custom.css file please add following lines


/* Display 3 images in row on mobile view */

@media (max-width: 580px) { 

.speasyimagegallery-col-xs-2 {width: 33%;}

}


OR



/* Display 2 images in row on mobile view */

@media (max-width: 580px) { 

.speasyimagegallery-col-xs-2 {width: 49.5%;}

}


2img.jpg
Attachments (1)
2img.jpg 2img.jpg
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # Permalink
Responses (10)
Hi,
you have at least two methods:
1) Using CSS to hide unwanted elements
2) Customize PHP/HTML of component/module view
but probably you have to mix both.

Start from lecture of:
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 1
Thanks for your quick reply.

I tryied this already. When inserting:

.speasyimagegallery-album-meta-count {
display: none; !important;
}

.speasyimagegallery-image-description {
display: none; !important;
}

to custom.css only meta count disappears. My back button, which I inserted in the image description: <p><a class="btn btn-info" href="/portfolio-2?start=0">Zurück zur Übersicht</a></p> still remains visible

What only works is:

.speasyimagegallery-album-info {
display: none; !important;}"

But then also the title diappears on the thumbnail.

There is another thing: In mobile version the thumbnails are in one line (see attached image) so it is impossibel to
recognize something. Better would be one thumbnail per line or two per line. How can I change this?

Maybe I have this problems because I am using the "SP Easy Image Gallery" as a Joomla module addon in a SP Pagebuilder page and not as a menu item?

Rafael
Attachments (1)
Screenshot.jpg Screenshot.jpg
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 2
maybe, hard to say.
If you can share site URL maybe I will be able to help & fix mobile view
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 3
I am just starting with the layout of the site. Just a test-URL
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 4
Offline mode :(
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 5
Sorry. It´s online now.
Thanks
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 6
Hello Paul,

thanks a lot. Works fine in mobile now!!

Only thing is still the back-button (content description) which appears on the preview images. Is there a solution not to display it? As I told you I already inserted this lines but it does not work :-(
.speasyimagegallery-image-description {
display: none; !important;
}

Thanks
Rafael
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 7
I solved it. It was:

.speasyimagegallery-album-meta {
display: none; !important;
}


and not "speasyimagegallery-album-info"
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 8
BTW
after word "none" must be ":" not ";"
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 9


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.

Please publish modules in sidebar position.