acub

The code you posted is hilarious. You’re setting a lot of random visual props for the element than set it to display:none (which basically hides the entire element).

You should just delete that code. Try mine (all of it). If you want to reposition the image, change the top: and left: values (negative values are admited).

If opacity is not 1 (when inspecting the element), you should set it to 1.
So add

opacity: 1;

to the list of props for #main-wrapper .format-icon:before in my code.

It depends on the snippet. 🙂
Most probably it sets display to none for .format-icon:before. Since we’re modifying .format-icon:before to look the way we want, I suppose it would be a good idea to also display it.

Where would you like it to appear?

If you copy your class-header-header_main.php in your child theme and modify it you are denying yourself any updates for that file from parent theme, as the file from your child theme will always be loaded instead of the one in the parent theme. Being the header file, it’s likely that it will be updated every few versions of the theme (it holds menu, logo, header socials, title and description). If any of those get upgraded, you don’t get the new features unless you re-apply your initial mods to the new version from the parent and save the file over your child theme version.

Use wp_head() hook to add SEO data to your website. Add this in your functions.php of your child theme:

add_action('wp_head', 'your_seo_function');
function your_seo_function() {
echo 'PUT_YOUR_HTML_HERE';
}

Just replace PUT_YOUR_HTML_HERE with your actual meta tags and make sure they don’t contain single quotes.

Php recommends that php mode should not be exited before end of pure php files (the ones that are included or required by other php files, not the ones that are directly loaded by the browser and are actually replacing the .html counterpart of that file, but need to be parsed by php).
As for coding standards, you should take a look at this.

Ummm… yes, UTF-8 is the way to go.

Moving a website from dev to public domain depends on a lot of details and variables. Most likely your website hosting company staff will be able to assist you with this task.

Well, you could change it to a picture, I’ll explain the principle. The titles are now using the

[some-selector]:before {
content: "some_stuff";
}

to put “some_stuff” in front of every instance of [some-selector]. It’s a very neat feature of CSS3, which allows you to insert text in front of page elements, based on their class or id.
However, you could change the content to &+nbsp; (an empty space ***) and add some CSS rules to make that empty space act like a div. From DOM’s point of view, [some-element]:before is just a child of [some-element]. Because I want to position :before absolute, I need to set the parent’s position to relative. Also, I prefer to load the picture as a background. In my example the picture is 30px x 30px but you could change it to suit your needs, just adjust the left-padding of the parent accordingly. This would be the way to do it:

#main-wrapper .format-icon {
position: relative;
padding-left: 30px;
}
#main-wrapper .format-icon:before {
content: "&+nbsp;";
position: absolute;
left: 0;
width: 30px;
height: 30px;
display: block;
background-image: url('PUT_YOUR_RELATIVE_OR_ABSOLUTE_PATH_TO_YOUR_IMAGE_FILE_HERE');
}

***: Because WP forum automatically changes the html entitiy codes in their meanings, I had to add a + sign in &+nbsp; so it wouldn’t be converted in an empty space. You have to delete that plus sign if you don’t want to see &+nbsp; written over your image.

Actually, that’s a bit misleading, as it offers a solution to change the site logo on different pages. But the issue is to hide the title icons. For that you only need this code added to custom CSS:

#main-wrapper .format-icon:before {
content: none;
}

@chappie: if you don’t want to hide it, but change it, first you have to choose an entypo character from here: http://www.entypo.com/characters/

After you find the desired icon, take the U+##### code, replace U+ with / and set it as content in the code above. For the leaf (U+1F342), the code should look like:

#main-wrapper .format-icon:before {
content: "/1F342";
}

On second thought, there’s no need for that, just add href=” in front of both intranet and company urls. Something like:

add_filter('tc_logo_title_display', 'change_site_main_link');
function change_site_main_link($output) {
	return preg_replace('|href="http://myintraneturl.com|', 'href="http://mycompanyurl.com', $output);
}

Now it should be fine.