I know there are parameters for adjusting Zentools 2 CCS in the module. However, certain parameters seem to get read when placing Zentools module positions such as tabs, using the template settings.

Could I re-create the demo.joomlabamboo.com/?theme=aussie Zentools 2 display on say a Corporation template page using CCS in the module. Are there certain classes that allow template over-rides in order to get layouts quickly on certain pages to be the same as on the demo?

Ideally I want to be able to create certain looks for a Zentools 2 boxed article presentation with 6 articles, as on the Aussie site, and be able to recreate something similar by using Zentools 2 in different sites.

best... Stephen

Hi Stephen,

I'd need to try this myself are you definitely using the corporate template?

Cheers
Paul

I am also looking at the Utafiti site, and a clean install with Prostar template and Nextend Slider to create navigation.

I am trying to work out how much I should set through the module, the Buildr Framework and through custom css.

Hi Stephen,

So I could test it tomorrow using utafiti or Protostar?

Cheers
Paul

Yes that would be great... best... Stephen

Hi Stephen,

Looking at this I'd start with a starter template so existing template styles don't get in the way

I think with corporate and utafiti it would mean more work

As the grid sits on top of the slideshow it starts to get complicated

There are specific classes added to the module in aussie

#bannerwrap .aussie-slideshow {
height: 770px;
overflow: hidden;
}

#bannerwrap .aussie-slideshow .slideshow-nav-container {
position: relative;
bottom: 300px;
z-index: 2;
}

.zg-fullwidth .slideshow-nav-container {
max-width: 1110px;
width: 98%;
margin: 0 auto;
position: relative;
}

#bannerwrap .backstretch-wrapper .backstretch-title {
position: relative;
z-index: 10;
top: -230px;
overflow: inherit;
left: 0;
min-width: 100%;
z-index: 3;
display: block;
}

and active styling

#bannerwrap .backstretch-wrapper .backstretch-title li.active {
opacity: 1;
height: auto;
min-width: 100%;
line-height: inherit;
background: none;
position: absolute;
padding: 0;
margin: 0;
}

Some of the styling you'd need to add would depend specifically on the JB template used

Specific styling for the navigation positioning - looking at I think this might be the most tricky part

Cheers
Paul

So it would be possible I think but would involve a bit of extra work

Cheers
Paul

Thanks Paul this is helpful. I would add this into the custom css to give me those classes... Keeping it on a clean template means that I don't have to worry about over-rides with the buildr settings.
Do you recommend I do tweaks using the Master CSS within Zentools too, or do you set everything via the custom css?
best Stephen

For the readmore button to appear the way that it does on the Aussie site. Where would I need to make those changes, and set the module?

If I have the Aussie template loaded in the background, can I point zentools2 to that template to get it's css?

Hi Stephen,

I don't think you can affect the styling in this case via the module theme tab it would be adding to the custom css or custom less file

Positioning the navigation would depend on the content around it
You would need the container to be full width in the settings I think

But the changes would require adding css to get it positioned as need

With this bit I'm not quite sure what you mean

"If I have the Aussie template loaded in the background, can I point zentools2 to that template to get it's css?"

In the background?

Cheers
Paul

I can pick up a zen slider / zen tab style for a module in the advanced settngs. (This option comes from having the template loaded, even if not the default, without that the options are not available)

Would be nice to be able to select other zen styles in the same way.

Anyhow, I am still not sure which css would be used for the read more on the boxed zentools 2. The styling seems to come from the template and the less.css. The css for the zentools2 being disabled.

Are you looking at being able to set ALL the css from in a zentools2 module. It seems a much more controllable and tidy solution.

Hi Stephen,

Its not feasible to move all options for zentools2 into the module settings

Some templates do override zentools2 styles so that would cause problems

Also the amount of options would be hard to manage given the sheer amount of styles they could change

Would also slow the admin down and make the module much harder to update and manage from our point of view

Cheers
Paul

With css disabled it can cause the module to be completely unstyled - it is a setting that does trip users up

re the zen slider and zen tab loading zentools

With js loading a module and then the module using js to work it can be problematic

Cheers
Paul

OK this is good to know.

I might put a ticket in to get some customisation advice. Having 2 or 3 custom settings that could be pasted into custom css or less css would be really useful so that I have different looks ready to go.

best... S

Hi Stephen,

Not quite sure what you mean with

"Having 2 or 3 custom settings that could be pasted into custom css or less css would be really useful so that I have different looks ready to go."

CSS changes the styling rather than functionality

What 2 or 3 settings are you referring to?

Cheers
Paul

I am looking for 2, or 3 css stylings to give a look and feels for the Zentools2 that I can use in different pages on a website, for say a grid layout and couple of others.

I would still set the functionality and content within the module as per normal... best... S

Hi Stephen,

I don't think that would be possible as most layout types have multiple variants e.g. boxed, equal height, etc

So having 2-3 classes would either require a lot of css or potentially break layouts

My apologies if I'm not grasping the point int question

Cheers
Paul