[new_wpParticipant]

Hi Support,

My blog (titled “Home” in the page title) is set as the homepage (in the reading settings: Post Page > Home). I notice on the internet tab it shows up with the favicon | COHL KIDS and also in Google Search the site is called “| COHL KIDS”

Is there a way I can eliminate the | on the homepage? Or hide the “Contacts |” section of the tab so it only displays the website name? Here is a screenshot of the internet tab http://prntscr.com/6lmjev

Thank you!

http://www.cohlkids.com
Wordpress 4.1.1
Theme X 3.2.2 (the tab name has been displaying like this for a very long time, so I don’t think it has anything to do with the version of the theme)
Shortcodes 3.0.4

[Nabeel AModerator]

Hi there,

Thanks for writing in! Your Site Title or Tagline is set to “COHL KIDS” currently. You can change it by navigating to Dashboard > Settings > General Settings and change the Title or Tagline as per your need.

Let us know how this goes!

[new_wpParticipant]

I’m sorry I don’t think I was specific enough. This is how the homepage shows up in a google search http://prntscr.com/6luut6 Do you happen to know how I can get rid of the | symbol? I can’t figure it out for the life of me. Thank you!

[Paul RModerator]

Hi,

To fix it, you can add the code below in your child theme’s functions.php file

  function x_wp_title( $title ) {

    if ( is_front_page() ) {
      return get_bloginfo( 'name' ) . ' ' . get_bloginfo( 'description' );
    } 
  }
  add_filter( 'wp_title', 'x_wp_title' );

Please note that it takes time for google to crawl your site again and update the title in the search results.

Hope that helps.

[new_wpParticipant]

Hi Support,

Is there a non-child theme way to remove the | symbol? Thank you.

[DarshanaModerator]

Hi there,

You can directly add the above mention code into your functions.php file in your main (parent) X theme. However if you update your theme, your changes will be be erased. In order to keep your customization changes, you will need to create a child theme as mentioned on our knowledge base guide (https://theme.co/x/member/kb/how-to-setup-child-themes/).

Hope that’s clear.

[new_wpParticipant]

Got it and thank you. Should I add the code to the top of the functions.php? Thank you!

[ChristianModerator]

Hey there,

The code placement does not matter. You can simply put it below all the code to avoid incorrect placement.

Thanks.

[new_wpParticipant]

Hi there,

#1 – Finally added the code above to the functions.php file but I don’t think it’s working correctly.

When you load the homepage the tab shows as http://prntscr.com/6phfy3
and the other pages show as http://prntscr.com/6phgiw

Also, after I adjust the functions file I wasn’t able to load the wp-admin page so I could login via a web browser. I do have a cache plugin. Do you have any idea why this might be?

**For the time being I changed the functions.php file back to the original.

#2 – Navigation Arrows
I have a code that moves the navigation arrows from the top of the blog post to the bottom center. I notice when a post is loading the arrows always appear at the top of the post first during loading then jump down to the bottom. Is there any way I can stop this from happening? Here is a screenshot of what I’m speaking about http://prntscr.com/6phldt

My theme and plugins are all updated. Thank you for your help!

[ThaiModerator]

Hi There,
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[new_wpParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for posting in!

#1] To change your document title, please insert this code in your functions.php. Always keep a note to this somewhere in your computer. You will have to insert this every time there is an update of X.

function x_home_title( $title ) {
	 if ( is_home() ) {
		  return get_bloginfo( 'name' ) . ' • ' . get_bloginfo( 'description' );
 	} 
}
add_filter( 'wp_title', 'x_home_title' );

#2] Please try to insert this javascript code in your customizer, Appearance > Customize > Custom > Javascript

jQuery(document).ready(function(){
	 jQuery('.x-nav-articles').css({'display': 'none'});
});

jQuery(window).load(function(){
 	jQuery('.x-nav-articles').css({'display': 'block'});
});

Hope this helps. Kindly let us know.

[new_wpParticipant]

#2 – added that code to the javascript section of the customizer, but I haven’t noticed a change. I cleared my cache after adding in the code. Also, I already had this in the javascript section:
(function($){
$(‘.x-nav-articles’).appendTo(‘.entry-wrap’);
})(jQuery)

so I added your code below it.

#1 – I added that code into my functions.php file and copied it over to the ftp. The homepage now shows just the blog name (thank you), but the other pages show the web url. I’d like to have the blog name appear in the tab no matter what page you are on. For instance here is the contact page’s tab http://prntscr.com/6pwbfw

I removed the blog description part of the code, just an FYI. Thanks again!

[Rue NelModerator]

Hello Again,

This should resolve the tab title issue:

function x_home_title( $title ) {
	 if ( is_home() ) {
		  return get_bloginfo( 'name' ) . ' • ' . get_bloginfo( 'description' );
 	}
 return $title;
}
add_filter( 'wp_title', 'x_home_title' );

#2] Try loading the x nav articles only after the page is loaded. You might need to remove your other javascript code.

jQuery(document).ready(function(){
 jQuery('.x-nav-articles').appendTo('.entry-wrap');
	 jQuery('.x-nav-articles').css({'display': 'none'});
});

jQuery(window).load(function(){
 	jQuery('.x-nav-articles').css({'display': 'block'});
});

Please let us know how it goes.

[new_wpParticipant]

#1 – worked great. thank you.

#2 – still can’t get the navigation arrows to load after the page. I replaced the removed my previous javascript and added in:
jQuery(document).ready(function(){
jQuery(‘.x-nav-articles’).appendTo(‘.entry-wrap’);
jQuery(‘.x-nav-articles’).css({‘display’: ‘none’});
});

jQuery(window).load(function(){
jQuery(‘.x-nav-articles’).css({‘display’: ‘block’});
});

I do have this in my CSS, not sure if they might be conflicting? Thank you!
In CSS (not javascript)
.x-nav-articles {
float: none !important;
margin: 1.5em auto 0px !important;
}
.x-nav-articles {
float: none !important;
margin: 1.5em auto 0px !important;
}
.x-nav-articles {
float: none !important;
margin: 1.5em auto 0px !important;
}

[Author]

Posts