Pachyderm Theme – Changing the site title from text to an image.

  • Unknown's avatar

    Hello!

    I’m trying to work my way around CSS, as I know little about it & I wanted to know if anyone could help me out with the code I need to change the site title text to an image. I know I can upload an image as a header for this site but that’s not enough as I would like to put my clients logo below it.

    I guess if worst comes to worst I can always combine the header with the logo & upload them both in the header box. But obviously I would prefer not to do this.

    I got this code from another post:

    .site-title {
    opacity: 0;
    }

    .site-branding{
    height: 200px;
    width: 413px;
    max-width: 50% !important;
    background: url(‘https://optimatherapyservices.files.wordpress.com/2014/10/final-logo-potential-website-header.jpg’)!important;
    background-size: 200px 200px !important;
    border-right: none !important;
    }

    It worked to the extent that it removed the text, but it didn’t insert my image (even though I removed their image URL and inserted mine). I also tried a bit of experimentation but it didn’t seem to work…

    Also, if you could sort of explain what each part of the code means if/when someone gives me an answer that would really help with me learning some CSS!

    Thank you in advance!

    P.S. the website I’m working on is optimatherapy.net

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Please use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can copy and paste your text into a thread that will appear in the CSS Forum where you will get the help you need.

  • Unknown's avatar

    Thank you! I think I’ve sorted it myself, just need to rejig the websites design now.

  • Unknown's avatar

    Okay then and best wishes with your site. :)

  • The topic ‘Pachyderm Theme – Changing the site title from text to an image.’ is closed to new replies.