Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

[Solved] Transparent PNG Showing Black Instead of Tranparent

  • Marcos Rodriguez
  • Marcos Rodriguez's Avatar Topic Author
  • Offline
  • New Member
More
12 years 10 months ago - 12 years 10 months ago #45170 by Marcos Rodriguez
Hello and Thank You in Advance...

I have been having some difficulties trying to render transparent background images in FFPS. Whatever I try they end up with a black background. I have the "Do not resize source image (upload as is)" option checked when I upload the .png images. I have also cleared my cache. I have searched this forum for solutions, but the only thing that was posted that I have yet to try is a hack for a previous version of FPSS.

I am using:
Joomla! 1.7.3 Stable
JoomlaWorks 'Frontpage SlideShow' Module v3.0.5 for Joomla!

You can see the website in question here:
ultrasoundresources.awebsitepreview.com/

Any help would be greatly appreciated

Please Log in or Create an account to join the conversation.

  • Marcos Rodriguez
  • Marcos Rodriguez's Avatar Topic Author
  • Offline
  • New Member
More
12 years 10 months ago #45171 by Marcos Rodriguez
Replied by Marcos Rodriguez on topic Re: Transparent PNG Showing Black Instead of Tranparent
Bueller.... Bueller... Bueller... anyone???

Please Log in or Create an account to join the conversation.

More
12 years 10 months ago #45172 by Katia
This is because the slideshow has a background which means you should do some template css modifications...
Go to modules/mod_fpss/tmpl/Uncut/css/template.css.php
and delete this:

#fpssContainer84.fpss-template-uncut {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #333333;

    font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
    height: 175px;
    margin: 8px auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 400px;
}

and this:
#fpssContainer84.fpss-template-uncut .slides-wrapper {
    background: none repeat scroll 0 0 #000000;
    float: left;
    height: 175px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 400px;
}

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Marcos Rodriguez
  • Marcos Rodriguez's Avatar Topic Author
  • Offline
  • New Member
More
12 years 10 months ago #45173 by Marcos Rodriguez
Replied by Marcos Rodriguez on topic Re: Transparent PNG Showing Black Instead of Tranparent
Thank you Katia....

While I did not have the same exact code as you posted I was able to fish around in the file and make the necessary changes and now have a slideshow with transparent images and no black background showing through.

Please Log in or Create an account to join the conversation.

More
12 years 10 months ago #45174 by Katia
;)

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum