Streaming live at 10am (PST)

Help preventing Body being set to 0% opacity on button click


#1

Hi, I’ve just launched my website online and when I click through links that open a new tab, upon returning to original website it has disappeared and all I see is a blank page? This is in Chrome and Safari…

Help!


#2

Hi @dzgraphicdesign, could you help to share the published url to the site plus the read-only link to the site? https://university.webflow.com/article/how-do-i-share-my-sites-read-only-link

Which links/tabs were you clicking on when the trouble happens?

Thanks in advance.


#3

Hi Dave,

Live site is here: http://www.dzgraphicdesign.com/

Read only here: https://preview.webflow.com/preview/deborahs-stunning-site-202ef2?preview=31b42d7a2704c0c9446e48feb5337512


#4

Re links/buttons, it’s for anything outside of navbar.


#5

Thanks @dzgraphicdesign that really helps. The issue is that you have an interaction on the body that has the body set to 0% opacity at page load.

This works great if you are navigating to a page for the first time and the page loads. When going back in the browser however, using the back button, the page does not reload, so the body stays at 0% opacity and never changes.

I would recommend to not put any opacity on the body to avoid this behavior, or use some custom code to possibly force the browser to reload the page on browser back function.

Here is some additional info from StackOverflow that may give some ideas: https://stackoverflow.com/questions/43043113/how-to-force-reloading-a-page-when-using-browser-back-button


#6

Hi Dave,

Thanks but I never set that opacity and have no clue how to fix it. Must have been set like this as I used a template.

Will check out link you provided and hoping I can fix it.


#7

sorry but I can’t see where this interaction is on Body on Home?


#8

Hi @dzgraphicdesign, thanks for getting back to me. Select the body element, then select the interaction panel and set the interaction to none instead of “show body”

Yes it could have been on the template, that is a browser behavior, so probably the template designer did not take that particular behavior into account when it was made.

I know what is the trouble with the menu, I am replying on that post.


#9

Thank you Dave.

Sorry I just looked in interactions as advised and can’t see where I set it to ‘None’?


#10

Got it! It’s a the top. Sorry under the pump here.


#11

I changed it and it’s still doing it. : /


#12

Hi @dzgraphicdesign, no problem, I am here to help, let me know if any further issues with that.

Cheers,
Dave


#13

OK so if I did set the interaction to None and it didn’t work what are next steps?


#14

Hi, well if the issue persist, let me know and I can take a look further.


#15

it isn’t working. the page loads then goes blank…


#16

Thanks, I am checking it out! Just to check, you republished the site?


#17

Thanks Dave. Yes I did.


#18

Thanks @dzgraphicdesign, so, could you tell me the exact links you clicked on, step by step so I can see I am clicking same as you? That really helps.


#19

Sure. Click the ‘View samples’ button under ‘Print’ section on Home.


#20

Thanks @dzgraphicdesign, that really helps. I am still checking this, it seems on the published site, I am still seeing opacity 0, looking to see where this is coming from/how it is being set:

I get back to you as soon as I have an update.