WordPress adding strange characters after widgets?

  • Resolved njaimmusic

    (@njaimmusic)


    4 years, 11 months ago

    Recently, it seems as though the website I’m working on just gained some unwanted boxes (looks like the “unrecognized character” symbol) after some links built into my sidebar widgets. I can’t seem to locate how I would remove these (lack of experience).

    This error seems to occur for me in Chrome and Firefox but not on Internet Explorer. I get a different weird character when trying on mobile.

    This appears in the “In This Section” sidebar and next to the “Read More” link in the “Latest Posts” sidebar for each blog post.

    AND again in the “Contact Us” side bar after the “GET IN TOUCH” link.

    It also appears on our “CONTACT” page next to the contact details near the bottom. (https://www.pillarsforsuccess.com/contact/)

    Can anyone help me determine what is causing this and how to fix it?

    • This topic was modified 4 years, 11 months ago by njaimmusic.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Alright, with the “In This Section” part, it is being caused by the following CSS:

    
.side-bar-menu li::after {
	content: "\f178";
	font-family: FontAwesome;
	padding-left: 5px;
	position: absolute;
	right: 0;
	margin-right: 15px;
	color: #2e7695 !important;
}

    Those boxes contain the f178 value. Since FontAwesome is not on my PC and the site is not including as a source to get from somewhere, you see the boxes.

    Other places is caused by this CSS for the same reason:

    
.text-link::after {
	content: "\f178";
	font-family: FontAwesome;
	padding-left: 5px;
}
    Thread Starter njaimmusic

    (@njaimmusic)

    You’re amazing, Mark. Thank you so much for your help.

    I was quickly able to fix these, but still had errors coming with the “READ THIS STORY” text under our blog posts in the sidebar widget.

    Taking what you’ve shown me above and testing modifying it, and then some very rudimentary knowledge and further digging around with the “Inspect” tool on Chrome, I think I’ve learned how to look for these types of issues myself, modify the CSS, and apply them to the “Add Additional CSS” tool.

    Seems the issue was that the outdated version of FontAwesome (an icons plugin) running as part of the theme setup on the site was not pointing to the right icons… f178 does nothing, but what had been there before was something close enough to f061.

    So thank you very much. Your help here has not only solved my issue but also led to me learning a bit more about CSS and how to troubleshoot these things. You are the best.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘WordPress adding strange characters after widgets?’ is closed to new replies.