images in site title

  • keithwillenson

    (@keithwillenson)


    3 years ago

    At the bottom of the page in the footer is the (hardcoded) name of the site with capital D replaced by our site logo. I would like to do the same for the site title in the header of the page. Yes, I know the image will not dynamically resize because of font changes.

    Theme: twenty twenty-one

    I have tried a custom plugin to replace D with the image. I have tried hardcoding the html. So far nothing I have tried works. Any suggestions or is it not possible (or a bad idea) to do this?

    Thanks.

    • This topic was modified 3 years 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 1 replies (of 1 total)
  • fermanus

    (@fermanus)

    The simplest method would be using CSS. First remove the first letter (D) of your title and then use “:before” to prepend the image. For example:

    .site-title a:before{content:url("https://dandeliondreamdolls.com/wp-content/uploads/2021/10/logo-letter_36x36.png")}

    To add to custom CSS.

    Hope it works

Viewing 1 replies (of 1 total)
  • The topic ‘images in site title’ is closed to new replies.