Problems in: Advanced – Edit custom wrapper code

Hello @nd62,

Hope you’re doing well!

I’ve tested the Before and After Widget on my end and could not replicate similar issues. No view was broken and the After Widget is showing as well.

i have inserted some texts into: “Before Widget” (widget on home page)

than, all contents under the widget stretched therefore the home page become horrible.

Please make sure the HTML code you’re adding has all closing tabs. If there is a missing closing tab, it is possible to break the page appearance.

If the issue is persisting, please past here the HTML code added on your end.

Please advise,

Kind regards,
Nastia

Hello @nd62

Can you please share the code you’re using to review it?

You can use a service like Pastebin or Gist for that.

Thank you,
Dimitris

Hello @nd62,

Hope you’re doing well!

The HTML coding the one that added in the Before and After Widget section is bearing the site’s appearance. We will need to have a closer look at the added code to check what is causing this issue.

Please share the code with us. To do so, please visit this Patebin page:
https://pastebin.com/

Oaste the HTML code you’re adding in a New Paste section and click on Create New Paste page. Please see the screenshot:
https://take.ms/LkUF5

Copy the URL and share it with us in here

Optinaly you may log in.

Have a good day!

Cheers,
Nastia

Hello @nd62,

Hope you’re doing well!

I’m afraid without having a closer look at the HTML code is not possible to continue troubleshooting this issue. Using the Pastebin is quite simple and the directions for this tool was shared above.

If you’re not comfortable with the Pasbeen, please add the HTML code onto a txt file, upload it to GoogleDrive or Dropbox and share a download link with us.

Have a good day and take care!

Kind regards,
Nastia

Hello @nd62

I hope you’re well today!

I think the issue here is that you have added a text into a place where HTML is expected. HTML is a set of markup tags used for defining how the text looks like and behaves (e.g. defining colors, marking “blocks” of content etc).

The “Before Title”, “After title”, “Before Widget” and “After widget” fields are there for you to add additional HTML that will “change” default look/behavior of widgets in sidebars that are defined by your theme.

You can add the text there, of course, but the outcome depends also on the theme. For example:

adding clear text in “Before Widget” field and “After Widget” fields may (and usually will) make the widget take more space – usually it will make it wider; whether you will see these text would also depend on the theme itself because colors of text might be the same as background colors or CSS may be causing that text (which goes too far to the sides) to get “cut off”; also, depending on the theme, such plain text added there may actually be breaking theme’s HTML markup.

That’s why it’s important for us to know exactly about the HTML used there.

That said, let’s please try something else:

1) please take a screenshot of your “Before widget” and “After widget” fields in sidebar settings, containing everything you added there, as you see it in sidebar settings

2) if you cannot take off the “coming soon” mode so we could actually see that part of the site, please instead do view the “page source” of the page affected, copy entire code from it and share it with us through pastebin.com service or as a text file as explained previously by my colleagues.

Best regards,
Adam

Could you please send me an email to contact@wpmudev.org using this template:

Subject: “Attn: Dimitris”

Message: link back to this thread for reference

Keep in mind the subject line as ensures that it gets assigned to me.

Thank you,
Dimitris

Hello @nd62

I’m sorry for the delay here, I got your email and investigating this now. Will keep you posted about my findings as soon as possible.

Thank you,
Dimitris