Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Equal heights and Item Container

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi,

I have just set up a new website with Zentools 2 (latest version). My set up is for 4 articles in grid layout with 2-columns

So I already had to change the css to make the 2 columns display side by side, as the width for 1/2 was set to 50% so with the margin enabled, it was too wide. I change this t0 48% and it seems to work now.

My next problem is the equal heights. I have ticked the box and I can see that the css class is there, however it is applied to the zt-item-container which seems to be a block underneath my content.

When I change theme settings within the module, i.e. make the background black, it gets applied to that same block, not my entire item. I have found a way around this and have managed to make the items look right, however, I cannot see how to make them all equal height.

Could you please take a look? The URL is here

Many thanks
Anni
  • Anni Bisson's Avatar
  • Anni Bisson
  • 3 Month Basic
  • 12 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Anni,

Can I just check - where are you adding the CSS changes to?

Also are you using the latest version of the zentools2 module?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Just as a test -

With styling issues do you get the same if swap out the current template to a joomla default one?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi, yes it seems to have the same problem. I've kind of worked round that now though. But one other question:

Can I create custom css for every instance of the module? I tried it with two different ones, but it only seems to create one custom css file.

Can you tell me if this is possible?

Thanks
Anni
  • Anni Bisson's Avatar
  • Anni Bisson
  • 3 Month Basic
  • 12 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Anni,

I'd suggest using the file you use to change the templates styling

In joomla bamboo templates this would be the custom.css or custom.less file

Each zentools module has its own unique id so I'd target modules that way

#zentools-100 for example is on
185.123.97.91/~hender49/index.php/services

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 5 years 3 months ago by manh.
The administrator has disabled public write access.
e.g.

#zentools-100 p {color:red;}

You can filter in module manager for ID if you have a lot of zentool modules - this will list the id in order but I prefer to inspect the source code via the browser and find the id that way

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul, will give that a go.

Anni
  • Anni Bisson's Avatar
  • Anni Bisson
  • 3 Month Basic
  • 12 posts
  • Karma: 0
The administrator has disabled public write access.
good luck with it

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers