Skip to navigation Skip to content
Easy Fix WordPress

Fixing WordPress Issues is Easy

  • Log in
  • Home
  • Kharis Sulistiyono
  • Home
  • Kharis Sulistiyono

Tag: CSS

Posted on August 15, 2020August 15, 2020 by Kharis Sulistiyono — Leave a comment

Why can’t I upload logo to my WordPress site?

Having a logo is a way to show the unique identity of a business or individual that will make it easier to remember by audiences. It also shortens the textual brand name into some pixels of a graphic. So it will reduce space in a specific area of a website, for example, header. 

If you get difficulties in uploading a logo to your WordPress website, let’s find the cause and how to fix it. 

  • Check the theme’s customizer 

Modern themes have the option to upload the logo from the customizer. However, some free ones sometimes don’t enable it by default. You can contact the theme’s author for this reason. 

  • File permission

In case you already have an image logo uploader in your site’s customizer, but fail to upload, there may be file permission on the wp-content folder that doesn’t allow you to write the folder. You can access your site’s root folder via File Manager in your hosting and set 755 for the wp-content folder’s permission.

  • Use coding solution

CSS

You can use CSS code to override the site name with an image background. For example:

.site-title a {
   background-image: url('https://yoursite.com/path-to-image.png');
   background-size: 100px 70px;
   background-repeat: no-repeat; 
}

Find the CSS class/selector of your site name link with the web browser’s inspector tool and replace .site-title a.

PHP

Other solution is by using PHP code. Add this snippet to your child theme’s functions:

function childthemename_custom_logo_setup() {
  $defaults = array(
    'height'  	=> 100,
    'width'   	=> 400,
    'flex-height' => true,
    'flex-width'  => true,
    'header-text' => array( 'site-title', 'site-description' ),
  );
  add_theme_support( 'custom-logo', $defaults );
}
add_action( 'after_setup_theme', 'childthemename_custom_logo_setup' );

To display the logo add this code to a file that handles the area you want the logo to show. The header area usually uses header.php.

if ( function_exists( 'the_custom_logo' ) ) {
 the_custom_logo();
}

That’s it! Let me know in the comment if you have easier solution.

Category: Beginner
Tags: CSS, Logo, PHP
© Easy Fix WordPress 2021
Built with Storefront.

By continuing to use the site, you agree to the use of cookies. More information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close