simple question. I am exploring with supersizer background, and I have a text box that has a red background and white text.
I would like to change the transparency of the red box to 50% so I can see the picture behind it, BUT I want the white text to be bright (not transparent).
It seems when I apply the transparency to the text box it makes the red bg and the white text both 50% transparent. I just want the red bg.
You can do this by overriding the background color of that box with an extended attribute. Click once on the HTML box (the red one) so its corner handles are showing, and choose Item / Extended from the main menu. Make sure the
tab is selected, then click Add. In the Name field, enter background-color and in the Value field enter rgba(255,0,0,0.5)
Do it just like that, spelling and punctuation are critical.
This should override the background-color set by Freeway, there’s no need to remove the color you’ve already set. Important note – you won’t see any change in the Freeway design interface – this will only appear in the browser or the Preview mode.
Walter
On Jun 30, 2014, at 12:16 PM, Hoffkids wrote:
Hi all,
simple question. I am exploring with supersizer background, and I have a text box that has a red background and white text.
I would like to change the transparency of the red box to 50% so I can see the picture behind it, BUT I want the white text to be bright (not transparent).
It seems when I apply the transparency to the text box it makes the red bg and the white text both 50% transparent. I just want the red bg.
Perhaps. I just tried it here, and it worked perfectly. Can you post a link? Speed of background loading is inversely proportional to its file size and pixel dimensions. Use the very smallest, most heavily compressed image you can possibly stand to look at once it’s been stretched out to fill the screen. It’s a background – it does not need to be sharp at all, because people are not looking at it, they are looking at the foreground content. Too much detail in your background will just make the foreground text harder to read – the eye doesn’t know where to look.
Walter
On Jun 30, 2014, at 12:28 PM, Hoffkids wrote:
Walt,
i did that and it did not seem to change. Maybe I messed up.
Also before I go too far, I notice that when the page loads, the black background comes in first, then the supersizer image appears.
Does it always have to be like that or can it get better where when the person gets to the page, the bg image appears right away?
There are two independent ways to create a semi-transparent HTML box. One is with opacity, which affects the box, but critically also affects its contents and child elements. This was causing the pale type you saw. The other way is with a transparent background color, which Freeway does not support directly. When you use RGBa colors, you get a color, followed by an alpha value – 255, 0, 0 is full-brightness red. The 0.5 as the last number causes it to be full red at 50% strength, so whatever is beneath it will shine through at half strength. I love these for subtle layered effects. You can stack them and get different amounts of translucency, or mix dark panels and light panels to get really subtle effects. And if you change the underlying color or image, the whole thing changes hue without you needing to click through every element on the page to adjust it separately.
Walter
On Jun 30, 2014, at 12:45 PM, Hoffkids wrote:
now I understand… was the .5 in the color me setting the opacity to 50%??
Use the very smallest, most heavily compressed image you can possibly stand to look at once it’s been stretched out to fill the screen. It’s a background — it does not need to be sharp at all
Barry - please take note of suggestions like this. Your 2 images are respectively: