Adding a text field

Hi,

if you have set up a child theme you can use this function in the function.php. If you don’t use a child theme, please use a plugin like My Custom Functions. If you modify the meteorite theme files directly, your changes will be lost with the next update.

/**
 * Site branding
 */
if ( ! function_exists('meteorite_sitebranding') ):
function meteorite_sitebranding() {
	$logo_light = get_theme_mod( 'logo_light', '' );
	$has_custom_logo = has_custom_logo();
	
	if ( $has_custom_logo || $logo_light) {
		if ( function_exists( 'the_custom_logo' ) && has_custom_logo() ) {
			the_custom_logo();
		}
		if ( $logo_light ) {
			echo '<a href="' . esc_url( home_url( '/' ) ) . '" title="' . esc_attr(get_bloginfo('name')) . '"><img class="site-logo light" src="' . esc_url($logo_light) . '" alt="' . esc_attr(get_bloginfo('name')) . '" /></a>'; 
		}
	} else {
		echo '<div class="site-brand">';
		if ( is_front_page() && is_home() ) :
			echo '<h1 class="site-title"><a href="' . esc_url( home_url( '/' ) ) . '" rel="home">' . get_bloginfo('name', 'display') . '</a></h1>';
		else :
			echo '<p class="site-title"><a href="' . esc_url( home_url( '/' ) ) . '" rel="home">' . get_bloginfo('name', 'display') . '</a></p>';
		endif;
		echo '<p class="site-description">' . get_bloginfo('description', 'display') . '</p>';
		echo '</div>'; // /.site-brand
	}
	echo '<p class="custom-logo-text">PLEASE ADD YOUR TEXT HERE</p>':
}
endif;

Please add your own text in the 3rd-last row. Maybe we need to add some styling later on. Let me know if this works for you.

I do not use a kids theme. I suppose you say it would be wrong to add to function.php. Can I add the code into Simple Custom CSS and JS?

If you don’t use a child theme it would be wrong to paste the code inside the functions.php because it would be lost with the next update.
You can’t use Simple Custom CSS and JS for this because the code I gave you is PHP. Please use the plugin I linked in my last reply, called My Custom Functions.

It did not work.

https://www.dosyaupload.com/9wtC

Please upload and link the image to a website where I can see the image without downloading anything. Keep in mind I don’t speak turkish and can’t read what’s standing there.

There is a problem with the upload sites.
You can see from this page.

https://w.tuyograf.com/hizmetler/

I made a small mistake in the code. The row where you changed the text must end with a ; and not with a :
Please change it and test it again.

Yes I did. CSS settings (color, position, size) required. Thanks..

https://w.tuyograf.com/hizmetler/

Please remove this code

p.custom-logo-text {
  float: left !important;
  font-size: 16px;
  color: #ffffff;
}

Instead try out this one.

@media only screen and (min-width: 992px) {
  .logo-container {
    width: 35%;
  }
}
@media only screen and (min-width: 480px) {
  .custom-logo-text {
    float: left;
    margin-left: 20px;
  }
}
.custom-logo-text {
  color: #fff;
  font-size: 16px;
}

You can see now.

I think there’s only one small thing needed. Please remove the code I gave you and replace it with this

@media only screen and (min-width: 992px) {
  .logo-container {
    width: 35%;
  }
}
@media only screen and (min-width: 480px) {
  .custom-logo-text {
    float: left;
    margin-left: 20px;
  }
  .custom-logo-link {
    float: left;
  }
}
.custom-logo-text {
  color: #fff;
  font-size: 16px;
}

Now the logo has got float: left; too.

Yes now OK. Thanks ??

You’re welcome.

Do “My Custom Function” and “Simple Custom CSS and JS” plugins reduce site performance?

This should not be the case. They apply only small pieces of code (that you’re using) to the site.