1. gingerkid
  2. Commercial Templates
  3. Friday, 28 March 2014
  4.  Subscribe via email
Hi, I've bought a bunch of templates from you guys in the past and one was Arkadia. I'm just starting to use it now and I love it but I need to adjust the ImageLinksHover module that comes with it and can't quite figure out how.

What I want to do is create multiple copies of the module so that the main content of a page is composed entirely of image links that go to separate articles. I want those image links to default to a grid layout determined by the body width.

So, for example, right now I can create 6 image link modules, but if I assign them to the custom position "embed," they simply appear vertically, all in one straight line down the page. I can get the grid layout (2 columns) but only by assigning every other module to the content position "contenttop-a" and "contenttop-b" respectively and that's not going to work well.

I've attached screencaps. The first (exa.jpg) is how the modules look with a custom position. The second is how they look using alternating a and b positions. What I want is to use a single custom position (i.e. "embed";) and have all modules with that position name appear side by side, breaking to a new line when they run out of space. So for the current layout, two modules could fit on one line. If I got rid of the side column, 3-4 links could probably fit and it should automatically adjust to fill the space.

Where in the code can I adjust these settings and get the needed effect? Thanks!
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example your first screenshot (exa.jpg) and we will put together the CSS needed to float the modules in to columns?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi! The URL is: http://tinyurl.com/knhnn4e

You can log in with user: guest, pw: enter. If logging in takes you back to the main page, just click on the 3D Illustrations link in the main menu. Thanks for your help!
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

Adding the following to the Custom CSS field of your templates parameters should do the trick. You may need to edit the margin to your own taste...


.item-page .moduletable {
float: left;
margin: 5px;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
That did it, thank you!
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • 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