Visual differences after upgrade

[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.

[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]

The requested file can be found here.
http://www.ramsgatelifeboat.org.uk/test ... roblem.wbs

[Pablo]

Can you please share the old (WB16 ) project? Otherwise I cannot see what has changed.

[44MLB]

Here it is http://www.ramsgatelifeboat.org.uk/test ... lem-16.wbs

[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]

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?

[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.

[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]

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?

[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]

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

[Pablo]

This is what it looks like when published as CSS
https://www.wysiwygwebbuilder.com/support/44MLB.html

[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!

[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]

Is it not possible to change the size of the shape and padding via the style copy and paste?

[Pablo]

No, that is not possible.
But you van select all items and then use 'Make same size'

[44MLB]

Many thanks Pablo.