Page 1 of 1
Visual differences after upgrade
Posted: Tue Oct 19, 2021 8:27 pm
by 44MLB
After upgrading from WYSIWYG WB 16 to 17 the links on this page have changed in height
http://www.ramsgatelifeboat.org.uk/links2.html to this
http://www.ramsgatelifeboat.org.uk/links.html The links are made using shapes and though the height measurements have stayed the same, visually after the upgrade they have changed.
Re: Visual differences after upgrade
Posted: Wed Oct 20, 2021 6:24 am
by Pablo
To be able to help you, I need a DEMO project so I can see all your settings.
Note: I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.
Please see this FAQ for further details:
viewtopic.php?f=10&t=82134
Re: Visual differences after upgrade
Posted: Wed Oct 20, 2021 6:34 pm
by 44MLB
Re: Visual differences after upgrade
Posted: Wed Oct 20, 2021 8:31 pm
by Pablo
Can you please share the old (WB16 ) project? Otherwise I cannot see what has changed.
Re: Visual differences after upgrade
Posted: Wed Oct 20, 2021 9:57 pm
by 44MLB
Re: Visual differences after upgrade
Posted: Thu Oct 21, 2021 7:27 am
by Pablo
Thanks for the project.
The issue is related to the way shadows work in WB17.
In previous versions, the shadow was part of the image.
In WWB17, the shadow is created using CSS, this make the shape much smaller and improves the quality of the shadow.
However, this also means that the shadow no longer affects the size of the object.
In your WWB16 project, you have used the shadow to create space between the objects.
In WWB17, you will need to use margin for this.
Re: Visual differences after upgrade
Posted: Thu Oct 21, 2021 9:20 pm
by 44MLB
That seems to work but on some browsers the height of the text is squashed.
http://www.ramsgatelifeboat.org.uk/links.html
Also do I have to do this one at a time, as I have unfortunately used this technique many times across several websites?
Re: Visual differences after upgrade
Posted: Thu Oct 21, 2021 10:02 pm
by crispy68
Also do I have to do this one at a time, as I have unfortunately used this technique many times across several websites?
I would assume yes since the way it is rendered has changed. I'm not aware that this can be changed on multiple objects at once.
Re: Visual differences after upgrade
Posted: Fri Oct 22, 2021 5:53 am
by Pablo
Did you republish all files?
Also do I have to do this one at a time, as I have unfortunately used this technique many times across several websites?
You can first change one shape and then use the "copy style/paste style" to apply it to other shapes.
Re: Visual differences after upgrade
Posted: Fri Oct 22, 2021 6:06 am
by 44MLB
Pablo wrote: Fri Oct 22, 2021 5:53 am
Did you republish all files?
Yes they should be published now.
You can first change one shape and then use the "copy style/paste style" to apply it to other shapes.
That sounds good, I'll give it a try.
Also I originally had a shadow on the buttons before they were pressed. How do I get that back?
Re: Visual differences after upgrade
Posted: Fri Oct 22, 2021 6:29 am
by Pablo
Does it work in local preview?
For me, it works correct with your project.
Note: I recommed to set the output format of the shape to 'CSS' then the quality off the shape will be much better. and it will also improve SEO.
Re: Visual differences after upgrade
Posted: Fri Oct 22, 2021 6:52 am
by 44MLB
Pablo wrote: Fri Oct 22, 2021 6:29 am
Does it work in local preview?
For me, it works correct with your project.
Note: I recommed to set the output format of the shape to 'CSS' then the quality off the shape will be much better. and it will also improve SEO.
Yes the text works fine in the local view and on my phone! But on all my computers the text is still squashed.
I'll try the "CSS" setting this evening.
I want to replicate the original shadow format as shown here, i.e. shadow before you press the button so that they look like buttons.
http://www.ramsgatelifeboat.org.uk/links2.html
Re: Visual differences after upgrade
Posted: Fri Oct 22, 2021 6:59 am
by Pablo
Re: Visual differences after upgrade
Posted: Sat Oct 23, 2021 7:01 pm
by 44MLB
You can first change one shape and then use the "copy style/paste style" to apply it to other shapes.
I have been trying this but it is not working for me. Nothing happens!
Re: Visual differences after upgrade
Posted: Sun Oct 24, 2021 7:29 am
by Pablo
You will need to set the output format for each shape individually.
Then set the margin (to create the spacing between the shapes) and then you can copy/past the style to apply the margin to each shape.
Re: Visual differences after upgrade
Posted: Sun Oct 24, 2021 1:18 pm
by 44MLB
Is it not possible to change the size of the shape and padding via the style copy and paste?
Re: Visual differences after upgrade
Posted: Sun Oct 24, 2021 1:59 pm
by Pablo
No, that is not possible.
But you van select all items and then use 'Make same size'
Re: Visual differences after upgrade
Posted: Sun Oct 24, 2021 7:41 pm
by 44MLB
Many thanks Pablo.
