Replace site title text with image

  • Resolved playthetureen

    (@playthetureen)


    2 years, 10 months ago

    Hi,
    i tried to replace the site title with an image, by using this css code:

    .site-title {
	text-transform:none;
	width: 350px; 
  height: 75px;
  background: url("https://playthetureen.de/wp-content/uploads/2022/04/Schrift.png");
  text-indent: -9999px;
}

    Unfortuately it only moves the text out of the way, but the image does not show.

    Can you help me with this? Thanks a lot in advance!

    Best regards
    Denis

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

Viewing 1 replies (of 1 total)
  • Thread Starter playthetureen

    (@playthetureen)

    I tried a different approach, by using the custom logo instead, and deactivating the title and description.
    For everybody who searches something similar, here is the CSS code:

    @media screen and (max-width: 640px) {
.has-header-media .site-header, .site-header {
  padding: 4em 0em 2em 0em;
  text-align: center;
}
}

    This will place the logo over the whole width on small screens.

Viewing 1 replies (of 1 total)
  • The topic ‘Replace site title text with image’ is closed to new replies.