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.

zentools2 grid layout on Corporation

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

Hi there,

setting up the grid for my main page with zentools2 I have the following question. The grid shows an interesting but "too much" styling effect, adding a background to the module and an eye-catchy form.

I checked and there is no extra module class applied.

How and where can I control the zentools2 layout on the main page that causes the blue effect with the top left triangle? I like it, but not on the main page.

Link: seminar.de.w00d0e9a.kasserver.com/index.php

Thanks a lot
  • MaMuster's Avatar
  • MaMuster
  • LIfetime Developer - Big Bamboo
  • 329 posts
  • 10 Thanks
  • Karma: 4
The administrator has disabled public write access.
Are planning to stick with the primary setting on that row?

.primary-row .zt-boxed .zt-item-container:before

is the styling

if you were to remove the row style of primary it would go

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Here I cannot follow you ;-)

The row grid1 is set to primary in the template. When I change it e.g. to white the styling of the zentools2 module stays the same.

I checked the module settings and did not add primary1 or so to the module class.

Should I remove the CSS or add it?

Thanks.
  • MaMuster's Avatar
  • MaMuster
  • LIfetime Developer - Big Bamboo
  • 329 posts
  • 10 Thanks
  • Karma: 4
The administrator has disabled public write access.
ah I should have clarified

you would need something other than white - inherit would do the trick
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
This style would remove them both

.primary-row .zt-boxed .zt-item-container:before {border:0;}
.white-row .zt-boxed .zt-item-container:before {border:0;}

although you may want to add a page class to target it to a specific page

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks a lot. I found it and tried your CSS.

I am not that happy with the result. What I would like to do is

either
a) use the blue row style (from the template backend) and keep the zentools2 moduls neutral (I tried with the setting under advanced options setting it to none or chrom, but no success.

Goal is to have all modules look the same in the row.

or
b) be able to also apply the style to the first custome content module as this one should stand out

Any suggestion how to do this?
  • MaMuster's Avatar
  • MaMuster
  • LIfetime Developer - Big Bamboo
  • 329 posts
  • 10 Thanks
  • Karma: 4
The administrator has disabled public write access.
Hi

I'm not sure what you mean by neutral?

by blue row you mean the primary colour you have chosen?

Goal is to have all modules look the same in the row - not sure what you mean here - are we taking spacing or colour?

and I'm not really following b - what modules are you referring to?

can you add some pics perhaps together with more information

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Good evening Paul,
thanks for the fast answer.

Please see the screenshot attached and/or the link seminar.de.w00d0e9a.kasserver.com/index.php/
by blue row you mean the primary color you have chosen?

Yes, I mean the primary color (marked blue in the screen shot) for the template that is set in template settings and applied to row-inner for the full row.

I would like to keep this and have the zentools2 modules display (see neutral in screenshot) like the custom html module.

b) When you look at the picture e.g. in the second row in the screenshot (orange arrow) it would make sense for this site to have the first module stand out as it gives the overview for all following modules in the row.
Here I would like to apply the style with the background and the upper triangle and wonder if it is a module class I can apply.

Hope I could illustrate what I am looking for.

thanks a lot in advance
Attachments:
  • MaMuster's Avatar
  • MaMuster
  • LIfetime Developer - Big Bamboo
  • 329 posts
  • 10 Thanks
  • Karma: 4
The administrator has disabled public write access.
so you mean

#grid1wrap.primary-row .zt-boxed .zt-item-container {
background: transparent;
}

#grid1wrap.primary-row .zt-boxed .zt-item-container:before {border:0;}

Cheers
  • 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