1. Worklive
  2. Commercial Templates
  3. Tuesday, 19 November 2024
  4.  Subscribe via email
Hi, I would like to show two modules "J51: gridgallery", the first with 4 panes as seen now and the second module at the bottom with only one pane with total width 1100px.

However, if I try to do this, the other 4 tiles above from 532px trasformano turn into 1100px.

How can I do that?

Thank you.

Max
Attachments (2)
References
  1. https://www.essentialink.it/choralcreation/index.php/strumenti-esoterici
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Max

Just so I understand you correctly, do you wish the last item to be the same width as the first 4?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran, thanks for your reply.

I need the second module Jrydgallery inserted inside this page to have the width of 1100px

Now you can see that the "Diario digitale" item is a photo, because if I enable the second module with set the size I'm interested in, the other 4 above of the first module also inherit the same size and that's not what I want.

I hope I was able to explain it better...
Attachments (1)
References
  1. https://www.essentialink.it/choralcreation/index.php/strumenti-esoterici
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to a live example of the issue you wish to solve?

Thank you
Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Sure here: https://www.essentialink.it/choralcreation/index.php/strumenti-esoterici

Now I have activated the module I would like of width 1100px
Attachments (1)
References
  1. https://www.essentialink.it/choralcreation/index.php/strumenti-esoterici
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Thank you however this page appears to require login before allowing access.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
User: test
Pass: test123er456@
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Please I need the problem to be solved as soon as possible.
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend could you try installing the following update.

Ciaran
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Works, thank you!
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Hi, I noticed that from mobile the J51 Gridgallery module is shifted to the right by about 15px.

I don't find where to adjust it, I would like this module to look like the component above looks (also same width on mobile).

I attach photos.

Pic 1 link: https://www.essentialink.it/choralcreation/index.php/strumenti-esoterici
Pic 2 link: https://www.essentialink.it/choralcreation/index.php/creazione-entita

Login:
User: test
Pass: test123er456@

Thanks.

Max
Attachments (2)
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Presuming I understand you correctly, to amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.gridgallery .grid li:first-child {
margin-left: 0 !important;
}
.gridgallery .grid li:last-child {
margin-right: 0 !important;
}


CiarĂ¡n
  1. more than a month ago
  2. Commercial Templates
  3. # 11
Accepted Answer Pending Moderation
0
Votes
Undo
Added but did not work, indeed now the first element has shifted slightly while the others have remained the same

Only this page contains this form, in the home I disabled them: https://www.essentialink.it/choralcreation/index.php/strumenti-esoterici
  1. more than a month ago
  2. Commercial Templates
  3. # 12
Accepted Answer Pending Moderation
0
Votes
Undo
Hi, news?
Accepted Answer Pending Moderation
0
Votes
Undo
I await answer to this problem
Accepted Answer Pending Moderation
0
Votes
Undo
Here's how you keep seeing that page on my phone
Attachments (1)
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend, try also adding the following for mobile display of the gallery (edit to taste)...

@media only screen and (max-width: 767px) {
.gridgallery .grid li:first-child {
margin-left: 15px !important;
}
}


Ciaran
  • Page :
  • 1


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

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok