leeersin

`Hi Archetyped and Happy New Year,

and no need for apologies I laid off sorting this out over Christmas and New Year but really pleased you have responded now..

This is the link to the page. It looks as it should because the widget congaing your script is below the WordPress File Upload Pro shortcode under the heading “Examples of ID LITE”.

https://ipswichdigs.co.uk/booking-form/book-com/guest-book/

When I move the widget congaing your script above the File Upload widget I loose the formatting on the form.

I have added an image on google drive so you can see what it looks like when formatting is lost.

This is the link:

<a href=”https://drive.google.com/file/d/1rl8OAqB7pD9K9ULDEBsYu1tod8_Ryafb/view?usp=sharing&#8221; rel=”noopener” target=”_blank”>PIC 1</a>

The plug in generating the form from the shortcode is called:

Wordpress File Upload Pro

plugin website:

<a href=”https://www.iptanus.com/wordpress-plugins/wordpress-file-upload/&#8221; rel=”noopener” target=”_blank”></a>

Many Thanks,

Lee

• This reply was modified 3 years, 2 months ago by leeersin.

Hi, I made the changes you suggest and they have removed the red x by the last </p>.

Regarding the original problem though, no difference I am sorry to say.

As soon as I move the html widget above the shortcode widget I loose the formatting on he shortcode output/form..

I have added two examples of how I applied the changes in the html below.

Many Thanks,

Lee

FIRST CHANGE

<div style="color:black;font-size:24px;font-family:Raleway;text-align:center;">
Please supply 1 form of ID or ID LITE from the following list : <a style="color:blue;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/ID-LITE-INTRO.png">ID LITE How & Why</a>

<p style="display: none">
<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/PASSPORTS.jpg">PASSPORT</a>
<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/LICENCE-PIC.jpg">LICENCE PIC</a>
<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/LICENCE-NO-PIC.jpg">LICENCE NO PIC</a>
<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/TAX-BILLS.jpg">TAX BILLS</a>
<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/BANK-STATEMENTS.jpg">BANK-STATEMENTS</a>
</p>
</div>

SECOND CHANGE

<div style="color:black;font-size:24px;font-family:Raleway;text-align:center;">
Please supply 1 form of ID or ID LITE from the following list : <a style="color:blue;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/ID-LITE-INTRO.png">ID LITE How & Why</a>

<div style="display: none">
<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/PASSPORTS.jpg">PASSPORT</a>
<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/LICENCE-PIC.jpg">LICENCE PIC</a>
<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/LICENCE-NO-PIC.jpg">LICENCE NO PIC</a>
<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/TAX-BILLS.jpg">TAX BILLS</a>
<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/BANK-STATEMENTS.jpg">BANK-STATEMENTS</a>
</div>
</div>

also just saw the message by the red x on the last </p>.

it says: Unexpected end tag (p). Ignored.

thanks, lee

Hi Archetyped, I have made the changes as you advised.

As soon as I move the </div> above the </p> tag, I get a red x next to the last </p> tag.

The plug in still works fine but my formatting problem remains the same..

Below is the latest code.

Many Thanks,

Lee

<p style="color:black;font-size:24px;font-family:Raleway;text-align:center;">

Please supply 1 form of ID or ID LITE from the following list : <a style="color:blue;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/ID-LITE-INTRO.png">ID LITE How & Why</a>

<div style="display: none">

<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/PASSPORTS.jpg">PASSPORT</a>

<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/LICENCE-PIC.jpg">LICENCE PIC</a>

<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/LICENCE-NO-PIC.jpg">LICENCE NO PIC</a>

<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/TAX-BILLS.jpg">TAX BILLS</a>

<a style="color:black;font-size:24px;font-family:Raleway;"  href="https://ipswichdigs.co.uk/wp-content/uploads/2021/12/BANK-STATEMENTS.jpg">BANK-STATEMENTS</a>

</div>
</p>

all good dude ?? your english is better than my spanish..

Lee

Hi Javier,

Sure you explained that very well, thanks.

That is why I said “I must have a problem somewhere else in my site” it was because you took the time to explain it to me.. twice ??

If it appeared to you that I was saying your plugin did not work, then please accept my apologies. That is not what I said, nor would say to a developer Javier, ever.

I hope that makes clears this up and any offence you may have taken is now dealt with.

Many Thanks,

Lee

Hi Javier,

well based on that I have a problem somewhere else on my site because I am not getting your log in page when I am not logged in.

I thought all I had to do was set up the forms and the plugin did the rest.

Thanks for your help,

Lee

Hi Javier,

thanks for the quick reply.

answers to 2 – 6 are fine thanks.

I’m kind of lost with your answer to 1. If someone visits my site should the plug in not ask them to log in? So for example when I am on another pc I am not getting the clean log in page. I wanted to know is there a setting I have missed in my set up?

Many Thanks,

Lee