get_stylesheet_directory_uri() is a PHP function, you must use it in a PHP file instead of your CSS file. In your functions.php you can paste this code and change depends on your needs: function my_login_logo() { ?> <style type=”text/css”> body.login div#login h1 a { background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/Logo-B-Classic.jpg); } </style> <?php } add_action( ‘login_enqueue_scripts’, ‘my_login_logo’ … Read more
If you are using a child theme then maybe you should try the following code. Not necessary to put !important too unless some other plugin or code is overwriting it. function custom_loginlogo() { echo ‘<style type=”text/css”> h1 a { background-image: url(‘. get_stylesheet_directory_uri().’/images/login_logo.png); } </style>’; } add_action(‘login_head’, ‘custom_loginlogo’);
flex-width stands for flexible width and flex-height stands for flexible height <?php // Previous function code here $args = array( ‘default-image’ => get_template_directory_uri() . ‘/assets/images/default-image.jpg’, ‘default-text-color’ => ‘000’, ‘width’ => 1140, ‘height’ => 250, ‘flex-width’ => false, // Now width are fixed to 1140 px ‘flex-height’ => true, // Height is adjustable ); // Later … Read more
That’s controlled by a Dashicon (font icon) and a before statement: #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { content: ‘\f120′; top: 2px; } What you’d want is to replace the content call. Use a built in Dashicon from here: http://melchoyce.github.io/dashicons/ So the smilie would be content: ‘\f328;`
You’ll also need to add “svg” to the list of valid extensions in WP_Customize_Image_Control: $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, ‘themeslug_logo’, array( ‘label’ => __( ‘Logo’, ‘themeslug’ ), ‘section’ => ‘themeslug_logo_section’, ‘settings’ => ‘themeslug_logo’, ‘extensions’ => array( ‘jpg’, ‘jpeg’, ‘gif’, ‘png’, ‘svg’ ), ) ) );
The login_headerurl filter is for changing the logo url of login page, according to the Codex. To change the logo URL of your homepage, you will have to look into your theme’s header.php file. You logo and it’s link are included there. Depending on your theme, they way that your URL is generated may be … Read more
I think you add for each logo a settings field? If no, please enhance your question. If yes, then add also often the call for the cropped image control. The follow example add an section, an field for a logo option and get the possibility for cropping image. add_action( ‘customize_register’, ‘fb_logo_customize_register’ ); function fb_logo_customize_register( $wp_customize … Read more
I solved using this filter: add_filter( ‘get_custom_logo’, ‘custom_logo_url’ ); function custom_logo_url ( $html ) { $custom_logo_id = get_theme_mod( ‘custom_logo’ ); $url = network_site_url(); $html = sprintf( ‘<a href=”https://wordpress.stackexchange.com/questions/232174/%1$s” class=”custom-logo-link” rel=”home” itemprop=”url”>%2$s</a>’, esc_url( $url ), wp_get_attachment_image( $custom_logo_id, ‘full’, false, array( ‘class’ => ‘custom-logo’, ) ) ); return $html; }
You can add a filter to login_head. As explained in the Codex, add this to your code: function my_custom_login_logo() { echo ‘<style type=”text/css”> h1 a {background-image:url(http://example.com/your-logo.png) !important; margin:0 auto;} </style>’; } add_filter( ‘login_head’, ‘my_custom_login_logo’ );
I am assuming that by online and offline you mean active states of the logo. I think there are several options for you to use. The first two options can be used within your theme and then are simply changing the image file within the directory. Option One (not using WP): You can utilise a … Read more