Visual differences after upgrade

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
44MLB
 
 
Posts: 144
Joined: Sun May 27, 2018 11:55 am

Visual differences after upgrade

Post 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.
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Visual differences after upgrade

Post 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
44MLB
 
 
Posts: 144
Joined: Sun May 27, 2018 11:55 am

Re: Visual differences after upgrade

Post by 44MLB »

The requested file can be found here.
http://www.ramsgatelifeboat.org.uk/test ... roblem.wbs
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Visual differences after upgrade

Post by Pablo »

Can you please share the old (WB16 ) project? Otherwise I cannot see what has changed.
44MLB
 
 
Posts: 144
Joined: Sun May 27, 2018 11:55 am

Re: Visual differences after upgrade

Post by 44MLB »

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

Re: Visual differences after upgrade

Post 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.
44MLB
 
 
Posts: 144
Joined: Sun May 27, 2018 11:55 am

Re: Visual differences after upgrade

Post 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?
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Visual differences after upgrade

Post 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.
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Visual differences after upgrade

Post by Pablo »

That seems to work but on some browsers the height of the text is squashed.
http://www.ramsgatelifeboat.org.uk/links.html
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.
44MLB
 
 
Posts: 144
Joined: Sun May 27, 2018 11:55 am

Re: Visual differences after upgrade

Post 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?
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Visual differences after upgrade

Post 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.
44MLB
 
 
Posts: 144
Joined: Sun May 27, 2018 11:55 am

Re: Visual differences after upgrade

Post 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
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Visual differences after upgrade

Post by Pablo »

This is what it looks like when published as CSS
https://www.wysiwygwebbuilder.com/support/44MLB.html
44MLB
 
 
Posts: 144
Joined: Sun May 27, 2018 11:55 am

Re: Visual differences after upgrade

Post 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!
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Visual differences after upgrade

Post 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.
44MLB
 
 
Posts: 144
Joined: Sun May 27, 2018 11:55 am

Re: Visual differences after upgrade

Post by 44MLB »

Is it not possible to change the size of the shape and padding via the style copy and paste?
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Visual differences after upgrade

Post by Pablo »

No, that is not possible.
But you van select all items and then use 'Make same size'
44MLB
 
 
Posts: 144
Joined: Sun May 27, 2018 11:55 am

Re: Visual differences after upgrade

Post by 44MLB »

Many thanks Pablo.
Post Reply