A previous post tells me the ability to have a transparent background had been added to Website Font. I have the latest version (4) but apologies if I'm being thick but I can see nowhere where I can make the background transparent. I even tried removing the #hex value from the background box but that didn't work.
Any help is appreciated. Thanks.
(ps. I couldn't add this question to the post I found because it has been archived)
Baffled_in_the_UK
Registered User
21 posts
Cary
Ambassador
1,058 posts
This thread mentions version 3.2, but it looks like they must have removed it.
http://www.coffeecup.com/forums/topic-archives/flash-website-font-background-transparent/
http://www.coffeecup.com/forums/topic-archives/flash-website-font-background-transparent/
Scott Swedorski
VP of Product Development
25,042 posts
Online Now
The transparent option is automatic and the appropriate code is in the html code we give you for your Website.
~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~
Scott A. Swedorski - VP of Product Development
CoffeeCup Software Inc.
Phone: 678.495.3480
"Want to update your website from anywhere? Check out our new free service, S-Drive Streams. Visit http://www.coffeecup.com/sdrive for more information."
~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~
Scott A. Swedorski - VP of Product Development
CoffeeCup Software Inc.
Phone: 678.495.3480
"Want to update your website from anywhere? Check out our new free service, S-Drive Streams. Visit http://www.coffeecup.com/sdrive for more information."
Cliff Main
Senior Advisor
2,124 posts
Hi John,
I recently did a project that had the exact same issue. In Version 3.3 of the website font, it says they added the ability to do transparent background. I don't see any simple button or checkmark for that in the new program. It can still be done by editing a little bit of code.
In the code that the program generates for you to copy and paste to your html page, you can remove the "background-color: #000000;" from the tag you selected. It will look something like this:
That's half the work. Next is to open the .css file called "all.css" in any text editor. Look for the section with the same tag that you are editing, (in this case, the h5 tag). It will look something like this:
Once those 2 pieces of code are removed, the program will automatically default to "transparent", as stated in this section of code that is copied to the html page.
www.mainsites.ca is my website, and yes, some of it is crappy.
I recently did a project that had the exact same issue. In Version 3.3 of the website font, it says they added the ability to do transparent background. I don't see any simple button or checkmark for that in the new program. It can still be done by editing a little bit of code.
In the code that the program generates for you to copy and paste to your html page, you can remove the "background-color: #000000;" from the tag you selected. It will look something like this:
sIFR.replace(h5_font, {selector: 'h5',
css: [
'.sIFR-root { line-height: 1em; font-size: 32px; color: #FF0000; background-color: #000000; text-align: bla...bla...bla....
css: [
'.sIFR-root { line-height: 1em; font-size: 32px; color: #FF0000; background-color: #000000; text-align: bla...bla...bla....
That's half the work. Next is to open the .css file called "all.css" in any text editor. Look for the section with the same tag that you are editing, (in this case, the h5 tag). It will look something like this:
}h5 {
text-align: left;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-size: 32px;
color: #FF0000;
background-color: #000000;
text-align: left;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-size: 32px;
color: #FF0000;
background-color: #000000;
Once those 2 pieces of code are removed, the program will automatically default to "transparent", as stated in this section of code that is copied to the html page.
filters: {
},
wmode: 'transparent'
E-Learning Specialist},
wmode: 'transparent'
www.mainsites.ca is my website, and yes, some of it is crappy.
Cliff Main
Senior Advisor
2,124 posts
Scott Swedorski wrote:
The transparent option is automatic and the appropriate code is in the html code we give you for your Website.
The transparent option is automatic and the appropriate code is in the html code we give you for your Website.
Scott,
I tried just deleting the color option in the program window, and it did not default to transparent. There is already a color choice in the color box when the program window opens. I could not find any instructions on "how to" get the default of transparent working, so I edited the page code and the "all.css" file to remove the background color.
If there is an easier way, please let us know?
The default color seems to be white, not transparent E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
Cary
Ambassador
1,058 posts
Thanks Cliff,
That did the trick
That did the trick
Baffled_in_the_UK
Registered User
21 posts
Yeah, thanks Cliff.
It'd be nice if the software had a button to do it automatically.
It'd be nice if the software had a button to do it automatically.
Cliff Main
Senior Advisor
2,124 posts
Hi Cary, John and others who have had this same issue with website font. Just dropping in to let you know that CoffeeCup is aware of the issue and hope to have this transparent background thing fixed up with the next update of the website font program. Mignt have to wait for it for a bit.
E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
www.mainsites.ca is my website, and yes, some of it is crappy.
E Epram
Registered User
2 posts
..just find out through SiFR-boards that you only have to change in the all.css the background-color to: transparent. leave all the rest as it is.(including what is coded in the head section). That willl do it.
regards,
esther
regards,
esther
Spinny
Senior Advisor
1,332 posts
Thanks for the updated info. I ran into this same problem when making banner headlines: I had to manually set the background to match the web page as it defaulted to white. Looking forward to the fixed version.
ETA: This is in conjunction with VSD, so editing .css files isn't really an option. "You can't be a real country unless you have a beer and an airline - it helps if you have some kind of a football team, or some nuclear weapons, but at the very least you need a beer." -- Frank Zappa
Visit Spinland Studios: http://www.spinland.biz
ETA: This is in conjunction with VSD, so editing .css files isn't really an option. "You can't be a real country unless you have a beer and an airline - it helps if you have some kind of a football team, or some nuclear weapons, but at the very least you need a beer." -- Frank Zappa
Visit Spinland Studios: http://www.spinland.biz
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
