Changing Header Title to Logo

  • Hi,

    I’m trying to change the header title to the logo, I’ve tried the customize and site identity option, it doesn’t work. I’ve found a code online for the CSS on the customize menu but that didn’t work either.

    Here’s the link for the logo image:
    https://www.atlikarincacocukevi.k12.tr/wp-content/uploads/2021/07/cropped-LOGO-250×250-2.png

    Here’s the code I found:

    .site-title a {
	display: block;
	width: 250px;
	height: 250px;
	background: url('.site-title a {
	display: block;
	width: 250px;
	height: 250px;
	background: url('https://www.atlikarincacocukevi.k12.tr/wp-content/uploads/2021/07/cropped-LOGO-250x250-2.png') no-repeat;
	text-align: left;
	text-indent: -9999px
}') no-repeat;
	text-align: left;
	text-indent: -9999px
}

    I’m using a custom theme called Kid’s Academy.

    Any help is appreciated.

    Thanks in advance.

    • This topic was modified 3 years, 4 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,

    You can try this

    
a.navbar-brand {
  background: center / contain no-repeat url('https://www.atlikarincacocukevi.k12.tr/wp-content/uploads/2021/07/cropped-LOGO-250x250-2.png');
  width: auto;
  height: 150px;
  color: rgba(0, 0, 0, 0);
}

    The height can be set larger or smaller as you want(The original logo size is 250px x 250px)

    Thread Starter idyllea

    (@idyllea)

    Hi Ralph,

    Thank you for the help.

    I tried the code on style.css under Appearance / Theme Customization, but it gave an error for “a.navbar-brand”. Here’s the section of the css where I entered the code:

    /* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
	
}

    Can the code you sent be modified for this section? Is there another css editing location on a self hosted wp dashboard I should be entering the code at?

    Thank you so much.

    Thread Starter idyllea

    (@idyllea)

    I entered it into the custom css page on appearance and it worked!

    Thank you again!

    Thread Starter idyllea

    (@idyllea)

    Hi again,

    The logo was there on the preview page but did not show up on the website. I entered the code again and this time it didn’t show on the preview either.

    Any help with this matter is appreciated.

    Thread Starter idyllea

    (@idyllea)

    On header 1 php, there is this line

    $ka_header_one_logo = wp_get_attachment_url( $ka_header_one_logo );

    wWen I post the url link for photo there is an error:

    syntax error, unexpected ‘:’

    Could you direct me to where I should put the “:” symbol?

    Thank you.

    Thread Starter idyllea

    (@idyllea)

    There is also a code on header.php

    if( empty($ka_page_header_bg) ) :
    $ka_page_header_bg = cs_get_option(‘kb_deault_page_header_bg’);
    endif;
    $ka_page_header_bg = wp_get_attachment_url( $ka_page_header_bg );

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing Header Title to Logo’ is closed to new replies.