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.

Using transparent PNG in Zentools not supported?

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

So here's something new and odd for me. I'm playing around with your new Aussie theme and it's great! However, I want to put a transparent PNG in the Featured module that uses Zen Tools. When I do it has a black background. I thought maybe it was showing this because I had the fade to black option for hover, but when I turned that off it, 1) still faded to black & 2) didn't fix it.

Are transparent PNG's not supported and if so what's the trick?

You can view at trgriffith.com
  • T.R. Griffith's Avatar
  • T.R. Griffith
  • LIfetime Developer - Big Bamboo
  • 37 posts
  • Karma: 0
Last Edit: 6 years 11 months ago by T.R. Griffith.
The administrator has disabled public write access.
Hi There,

Am I looking at the coat of arms image?

Thanks
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes
  • T.R. Griffith's Avatar
  • T.R. Griffith
  • LIfetime Developer - Big Bamboo
  • 37 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Have you tried using fade to white on hover?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes it continues to Fade to black. I've cleared cache and it still does it. I don't see another module (done that before) and when I make other changes it seems to apply those.
  • T.R. Griffith's Avatar
  • T.R. Griffith
  • LIfetime Developer - Big Bamboo
  • 37 posts
  • Karma: 0
The administrator has disabled public write access.
If you add this to the custom.css file does this help

#grid1wrap .zen-container .moduletable.aussie-featured .module-inner .zen-module-body ul > li .zt-image {background-color:#fff !important}

The template does have a background of black for this particular position
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
This might also be an option but would need cross browser testing

#grid1wrap .zen-container .moduletable.aussie-featured .module-inner .zen-module-body ul > li .zt-image{background-color: rgba(255, 255, 255, 0.0) !important;}

so the white background becomes transparent
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: T.R. Griffith
With using a transparent background you would probably want to remove the fade option
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
That was my first thought. I figured it was the fade that was killing the transparency.

That last bit of code in the custom.css works great! Testing it in other browsers now.
  • T.R. Griffith's Avatar
  • T.R. Griffith
  • LIfetime Developer - Big Bamboo
  • 37 posts
  • Karma: 0
The administrator has disabled public write access.
Weird... It still makes it fade. Which is fine, but it shouldn't be.
  • T.R. Griffith's Avatar
  • T.R. Griffith
  • LIfetime Developer - Big Bamboo
  • 37 posts
  • Karma: 0
The administrator has disabled public write access.
Works in other browsers. Thanks. I'm curious as to why it would continue to fade but honestly I like it. I would consider adding the ability to quickly turn that on and off from within each module.
  • T.R. Griffith's Avatar
  • T.R. Griffith
  • LIfetime Developer - Big Bamboo
  • 37 posts
  • Karma: 0
Last Edit: 6 years 11 months ago by T.R. Griffith.
The administrator has disabled public write access.
It did get a bit messy with png as there are different variants and at the time we looked at it different compressed versions

As there are problems with pngs generally together with the template having a hard coded back background makes it worse I think

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
"I would consider adding the ability to quickly turn that on and off from within each module."

The background being transparent?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The ability to turn on and off the background from where you put the images. So that if you wanted to use transparent images you could. I like it. Even on a phone screen it looks nice. Especially with that curved background.
  • T.R. Griffith's Avatar
  • T.R. Griffith
  • LIfetime Developer - Big Bamboo
  • 37 posts
  • Karma: 0
The administrator has disabled public write access.
There are background colour options in the module however with this template you would definitely need to add custom css for it to work

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Please it works :)
  • 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