The template works for me:
http://www.wysiwygwebbuilder.com/suppor ... iders.html
How to get background to be responsive in Divider template?
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.
Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.
Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Re: How to get background to be responsive in Divider template?
I have built 2 successful sites using WYSIWYG
Both are .wbs file format
The template for 'dividers is .wtp
Am I using the correct template?
I re-downloaded the template this morning and opened the .wtp file and...
left clicked on 'More Properties' bottom right
left clicked on 'Style' tab
changed 'Background' / 'Mode:' to image
selected my image in the 'Image:' browse field
selected cover option
pressed OK
changed page name to index
published to server
and of course it does not display correctly as described in my first post in this thread.
Please, what am I doing wrong?
Both are .wbs file format
The template for 'dividers is .wtp
Am I using the correct template?
I re-downloaded the template this morning and opened the .wtp file and...
left clicked on 'More Properties' bottom right
left clicked on 'Style' tab
changed 'Background' / 'Mode:' to image
selected my image in the 'Image:' browse field
selected cover option
pressed OK
changed page name to index
published to server
and of course it does not display correctly as described in my first post in this thread.
Please, what am I doing wrong?
Re: How to get background to be responsive in Divider template?
standard projects are in wbs format
template are in wtp format. wtp files include images and other fiels so it can be more easily transferred to another computer.
As previously mentioned, Safari does not support fixed+cover.
This is documented here (unrelated to WWB) https://caniuse.com/#search=background-size
But is this what you are looking for?
http://www.wysiwygwebbuilder.com/support/smoothruler/
template are in wtp format. wtp files include images and other fiels so it can be more easily transferred to another computer.
As previously mentioned, Safari does not support fixed+cover.
This is documented here (unrelated to WWB) https://caniuse.com/#search=background-size
But is this what you are looking for?
http://www.wysiwygwebbuilder.com/support/smoothruler/
Re: How to get background to be responsive in Divider template?
Yes, that is exactly what i’m trying to achieve.
I don’t think it is a Safari issue but an IOS issue.
I use Chrome, Firefox, DuckDuckGo and Edge on my Apple devices and the issue appears on all those browsers.
I don’t have any Android devices to view my web projects
I don’t think it is a Safari issue but an IOS issue.
I use Chrome, Firefox, DuckDuckGo and Edge on my Apple devices and the issue appears on all those browsers.
I don’t have any Android devices to view my web projects
Re: How to get background to be responsive in Divider template?
Does my example work for you on those devices?
Here's what I did:
Step 1
open the divider template
Step 2
open the page properties:
- mode: image
- image: tribute-small.jpg
- do not repeat
- alignment center center
- size: cover
Step 3
remove the background image from: home , banner1, banner2, banner3
Step 4
in page properties -> advanced -> use safari mobile background fix
Also, make sure you have the latest update of the software (14.3.4)
Here's what I did:
Step 1
open the divider template
Step 2
open the page properties:
- mode: image
- image: tribute-small.jpg
- do not repeat
- alignment center center
- size: cover
Step 3
remove the background image from: home , banner1, banner2, banner3
Step 4
in page properties -> advanced -> use safari mobile background fix
Also, make sure you have the latest update of the software (14.3.4)
On iOS, all these browsers use the same browser engine = safari/webkit.I use Chrome, Firefox, DuckDuckGo and Edge on my Apple devices and the issue appears on all those browsers.
Re: How to get background to be responsive in Divider template?
Hello Pablo
On a brand new wbs project, empty index defalt page …
What exactly are the steps to get a background image?
I follow the above steps but no background image appears on Preview in Browser
On a brand new wbs project, empty index defalt page …
What exactly are the steps to get a background image?
I follow the above steps but no background image appears on Preview in Browser
- BaconFries
-
- Posts: 5364
- Joined: Thu Aug 16, 2007 7:32 pm
Re: How to get background to be responsive in Divider template?
To insert a image:
Page Properties->Style->Background and select image from the drop down then in image browse to were the image is and insert.
If the image doesn't display it is due to it having a invalid name.
See the following:
viewtopic.php?f=10&t=131
Page Properties->Style->Background and select image from the drop down then in image browse to were the image is and insert.
If the image doesn't display it is due to it having a invalid name.
See the following:
viewtopic.php?f=10&t=131
Re: How to get background to be responsive in Divider template?
Thanks, invalid name it was.