Home/ Questions/Q 8269033
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T06:05:12+00:00

I use a hosted CMS that has a bug that won’t allow me to

  • 0

I use a hosted CMS that has a bug that won’t allow me to insert content into the <head>.

I thought about using Javascript to insert the code needed into the head but will that even work? If a page is read <head> then <body> will it even matter to put the code into the head using javascript if the head has already been read or do I mis-read how the browsers work?

If you can put content into the head of a page and it will work with all major browsers what is the javascript to do that? (I am a novice when it comes to javascript.)

Note: I use a hosted CMS and do not have access to any server side scripting.

EDIT:

I need to add CSS and META tags.

The CSS would be something like this: 

<style type="text/css">
 .slideshow img { display: none }
 .slideshow img.first { display: block }
</style>

The META could look like this: 

<meta property="og:title" content="Title Text" />
<meta property="og:type" content="article" />
<meta property="og:url" content="URL Path" />
<meta property="og:image" content="IMG Path" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="620" />
<meta property="og:image:height" content="541" />
<meta property="og:site_name" content="My Site" />

Those are examples but similar to what I will be adding.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    For a CSS script:

    var ele = document.createElement("style");
ele.type = "text/css";
ele.innerHTML = "CSS CODE"; // Replace with CSS code.
document.head.appendChild(ele);

    For the Meta Tag (although I doubt it would work, since the software that looks at Meta Tags usually doesn’t execute JavaScript code):

    var ele = document.createElement("meta");
ele.property = "propertyName"; //Replace with property name.
ele.content = "CSS CODE"; // Replace with content.
document.head.appendChild(ele);
    • 0