Page Properties - Faded Background Image

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
Starb7
 
 
Posts: 283
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Page Properties - Faded Background Image

Post by Starb7 »

Hi

Is it possible (if so, how) to have a Page Properties > Style > Image, so automatically have some king of fading applied?

TIA
User avatar
Pablo
 
Posts: 21712
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Page Properties - Faded Background Image

Post by Pablo »

The page background does not support overlays.
But it is possible with layer and layout grid backgrounds.
User avatar
Starb7
 
 
Posts: 283
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Re: Page Properties - Faded Background Image

Post by Starb7 »

OK, thanks. Sorry to tag onto this but can I set a text border (not a box), ie red text with a black border. Thought I could do it in styles but can't see how. Thanks.
User avatar
Pablo
 
Posts: 21712
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Page Properties - Faded Background Image

Post by Pablo »

This is also possible with a layer or layout gird.
User avatar
Starb7
 
 
Posts: 283
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Re: Page Properties - Faded Background Image

Post by Starb7 »

How, I don't see any option to add a text border colour, can you point me in the right direction please. Cheers
User avatar
crispy68
 
 
Posts: 2749
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Page Properties - Faded Background Image

Post by crispy68 »

Are you referring to adding a 'stroke' to text?
User avatar
Pablo
 
Posts: 21712
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Page Properties - Faded Background Image

Post by Pablo »

I'm sorry, I thought you were referring to the object border.
To add a border around characters you can use the 'text art' object.
User avatar
Starb7
 
 
Posts: 283
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Re: Page Properties - Faded Background Image

Post by Starb7 »

crispy68 wrote: Thu Oct 03, 2019 6:06 pm Are you referring to adding a 'stroke' to text?
Yes, pretty much that. Thanks.
User avatar
Starb7
 
 
Posts: 283
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Re: Page Properties - Faded Background Image

Post by Starb7 »

Pablo wrote: Thu Oct 03, 2019 6:15 pm I'm sorry, I thought you were referring to the object border.
To add a border around characters you can use the 'text art' object.
But Text Art isn't responsive (is it?) TIA
User avatar
Pablo
 
Posts: 21712
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Page Properties - Faded Background Image

Post by Pablo »

If you set the output format to 'SVG' then the object is flexible when used inside a layout grid.

Demo:
http://www.wysiwygwebbuilder.com/suppor ... coast.html
User avatar
Starb7
 
 
Posts: 283
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Re: Page Properties - Faded Background Image

Post by Starb7 »

OK, ill give that a go. Cheers
User avatar
Starb7
 
 
Posts: 283
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Re: Page Properties - Faded Background Image

Post by Starb7 »

It can be done using WebKit Custom Styles but I have had mixed results so no bothered with it. You can of course get a decent enough look just by using the Style Manager and set a 'Shadow'. If you want to try it, do this:

1. Select Tools>Style Manager
2. Click Add
3. Click 'Custom Styles' (top option)
4. Paste the below text in
5. Save it and apply to your text.

NOTE: WWB won't render this in the editor but it does show in the browser OK

color: black;
-webkit-text-fill-color: white; /* Will override color (regardless of order) */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;


Have a tinker with the colours and px values.

Cheers
Post Reply