CODEWITHSUNDEEP
wordpresselementor
Zedd
Zedd

Reputation: 167

Elementor - adding custom code right after the <head> tag

Not sure if this is only problem for Elementor full width template, but it seems to override theme header.php. I tried achieving my goal by using elementor custom code feature, but it adds my code somewhere in middle of the tag.

What is the propper way of adding my own custom code as the first thing that is after the element?

Upvotes: 2

Views: 11151

Answers (4)

Bobby June
Bobby June

Reputation: 1

You must have an Elementor Pro account to use he custom code insertion tool.

Upvotes: -1

Marlon
Marlon

Reputation: 1

What you are looking for you can find at the Wordpress Dashboard> Elementor > Custom Code . Then you will be able to add a custom code to the head: https://elementor.com/help/custom-code-pro/

Upvotes: 0

videohead
videohead

Reputation: 1

Elementor now supports custom code (javascript, html, etc) and supports the specific use of elements in the head of the page.

Upvotes: 0

Lubo Masura
Lubo Masura

Reputation: 1053

You are right Elementor overrides the theme's header.php file so importing your code to this file is not effective. You need to add custom function to earn your goal. With the wp-head action you could add the code right into your header and Elementor will not override it.

Add this code to the functions.php file od your active theme.

add_action('wp_head', 'custom_head_function');
function custom_head_function(){
?>
YOUR HEADER CODE HERE
<?php
};

UPDATE - If you want to set your code at the top

As sephsekla mentioned in comment, there is a way to set the priority into your action to get it to the top. Try to set value to -999. So, choose a very low number and if there is no other lower number in your plugin or theme you will go straight to the top.

add_action('wp_head', 'custom_head_function', -999);
function custom_head_function(){
?>
YOUR HEADER CODE HERE
<?php
};

Upvotes: 7

Related Questions