Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

display images next to each other

Featured Lock Resolved Bug
Hi Guys,

I created a site using Lightbox template with SP Page Builder Pro. The only other extension I use is SP Image Gallery but the images from the directory are displaying under each other despite next to each other.
The custom css inside the modul is default:

border:1px solid #DDD; margin:0 5px 10px 5px; padding:5px; background:#fff;


The site is:
http://woodvisionkft.hu/#galeria

Could You help me please how to display them accross?

Thanks,
Greg

Attachments (1)

  • image-gallery.png
    image-gallery.png 126.4 KB

6 Answers

pepperstreet

More than a month ago #Permalink
BTW, the official SP Image Gallery DEMO seem to have the same issue.

As far as my local test is concerned, I have NO ISSUE with Helix3 v1.9
Apparently there is a general CSS class for IMG display: initial;
That does correct issue for me.

So, alternatively you might also add display: initial; to the modules CSS backend parameter.

Paul Frankowski - Staff

More than a month ago #Permalink
Hi, this should help

#sp-sig124 > a { float: left; margin:0 5px 10px 5px;}


but remember to make all images equal , in gallery thumb settings

Gergely Kovács

More than a month ago #Permalink
Hi Pepperstreet,

thanks, this changing has solved the issue.
Thanks again.
Greg

BTW, the official SP Image Gallery DEMO seem to have the same issue.

As far as my local test is concerned, I have NO ISSUE with Helix3 v1.9
Apparently there is a general CSS class for IMG display: initial;
That does correct issue for me.

So, alternatively you might also add display: initial; to the modules CSS backend parameter.

Gergely Kovács

More than a month ago #Permalink
Hi Paul,

Thanks for your answer. Unfortunately after changing the code in custom css did not helped, but Pepperstreet's suggestion has worked.

Thanks anyway,
Greg

Hi, this should help

#sp-sig124 > a { float: left; margin:0 5px 10px 5px;}


but remember to make all images equal , in gallery thumb settings

Paul Frankowski - Staff

More than a month ago #Permalink
on my test it worked , but ok ..
yes, Pepperstreet solution is great as well.

Attachments (1)

  • gallery.png
    gallery.png 723.5 KB


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 127
Sifat

Sifat

Total Accepted Answers: 89
Toufiq

Toufiq

Total Accepted Answers: 45
Pavel

Pavel

Total Accepted Answers: 6
Sohan

Sohan

Total Accepted Answers: 5

114

Templates

292748

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us