How do I add a logo to the site title for Hemingway rewritten theme?

  • Unknown's avatar
    mathewperry · Member ·

    Hi there,

    Any help regarding adding a logo to my site title would be greatly appreciated. I am completely new to this but keen to give it a go.

    I have tried following some of the tutorials already but have found problems when it comes to using Filezila or adding code. (I don’t know how to use either)

    I think adding the name of the site to the logo and uploading it as one image will help.

    I hope to find an answer somehow.

    Regards,
    Mat

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

  • Unknown's avatar
    designsimply · Member ·

    I have tried following some of the tutorials already but have found problems when it comes to using Filezila or adding code. (I don’t know how to use either)

    You were probably looking at tutorials for self-hosted WordPress setups, but WordPress.com is different and you are not allowed to use something like Filezilla to manage or change files her at WordPress.com.

    At WordPress.com, there are a set number of themes that are checked for security and maintained by a team here. The hosting is free (no monthly hosting fees) but there are paid upgrades you can opt into to get access to editing some things. One of those upgrades is called Custom Design and it has a CSS editor as one of the options. You can learn more about Custom Design at http://en.support.wordpress.com/custom-design/

    CSS is what you can use to make changes to the design of a theme at WordPress.com, but instead of adding/modifying/removing files, you need to use the CSS editor inside your blog dashboard. Here is a page explaining how that works: http://en.support.wordpress.com/custom-design/editing-css/

    It’s also worth noting that CSS is theme-specific. You are currently using the Hemingway Rewritten theme, and if you want to look up answers that will work for that setup, you can look through the list at https://en.forums.wordpress.com/tags/hemingway-rewritten to find lots of good stuff. :)

    Now, to add a logo using CSS…

    Here is an example that will add a logo above the site title inside the black box in the Hemingway Rewritten theme header area:

    .site-branding {
	padding-top: 170px;
}

.site-title a {
	background: url(http://s.wordpress.org/about/images/wordpress-logo-notext-bg.png) top center no-repeat;
	padding-top: 145px;
}

    Or if you want to completely replace the site title text with a logo instead, you could do something like this:

    .site-title {
	background: url(http://s.wordpress.org/about/images/wordpress-logo-notext-bg.png) center center no-repeat;
	width: 176px;
	height: 145px;
	display: block;
}
.site-title a {
	display: none;
}

    In each case, you would want to change out the url() value with a link to your image and adjust all the px values to match your image size.

    In WordPress.com, CSS can be added to the Appearance > Customize > CSS editor in your blog dashboard if you have purchased the Custom Design upgrade.

  • The topic ‘How do I add a logo to the site title for Hemingway rewritten theme?’ is closed to new replies.