Customizing Your StudioPress Eleven40 Theme Logo

 

 

 

 

 

The StudioPress eleven40 theme comes with a custom logo in the left hand corner section of your header. I have notice a lot of people asking how can I change the orange logo with my own custom logo.

The most simply way to accomplish this is to access the custom logo from your cpanel hosting account. Here are a few easy steps you can use to change your eleven40 theme logo.

Step one :: First locate the ( wp.content folder )

Step two :: Them you need to locate the  (child theme ) folder

Step three :: Now we need to find the  ( eleven40 folder )

Step four :: Navigate to the  ( image folder )

Before you make any changes to your logo.png have your custom logo ready to replace the old one.

Upload your new logo and place it in the same folder were the  ( logo.png ) is located in the image folder.

Make sure your new logo is the same dimensions as the old one this will make it much easier to align it when you install it.

After you have completed the above simply rename the old logo to logo1.png, or what ever you like, I prefer logo1.png because it’s much easier to rename it if you ever want to revert back to the old one.

Find the new logo you just uploaded and rename it to ( logo.png ) by doing this you will not have to do any editing in your style-sheet.css because it will simply insert the new logo into the same place as the old one was with the same name and everything.

NOTE :: I am sure this method will work with a number of StudioPress’s themes if you keep the same dimensions. This is just a quick way of changing an existing logo and adding your own custom one with out doing any real editing.

RobertGoss

My name is Robert G, I am a freelance Writer and Blogger. I have been married to a wonderful women Carmen G, for the past 24-years. I provide helpful blogging tips and Information covering a wide verity of topics. I thank you so much for allowing me to share my content and knowledge with you all.


Connect With Me ::
Twitter-Facebook-LinkedIn-Google+-YouTube-


Powered by the Genesis Framework

Genesis Framework

Genesis empowers you to easily build amazing websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to incredible places.

It's that simple - start using Genesis now!

Let me help you improve your blog

Learn How-to Convert and Engage

Learn how-to engage online Increase Website traffic
Build online relationships Increase blog comments

Subscribe for updates it's FREE!

Comments

  1. I love this particlure theme from StudioPress it looks great. I also like the logo were it is at the top of the page…

    • Yes I also have this theme but I just installed a new one to see how I like it. There are so many cool themes to choose from using StudioPress.

    • yea , this is what i was looking for , simple but smart way to change the Logo on eleven40 theme ..

      Thanks for this awesome help !

      I would be happy , if you could tell , is there any image size to use or its upto the user ?

  2. How can I upload logo with different dimension?

    • Hello Fahad you would have to do this by accessing your Eleven40 themes folder and upload your new logo and replace the old. AS for re-sizing the logo you would have to access your Style sheet.CSS file.

      • This solution ought to work. This is how I’ve been making basic changes to some themes. How come it doesn’t work on my site?

        I did as the instructed and replaced the logo.png file in this directory (/wp-content/themes/eleven40/images/
        ). I even replaced the logo.png file on the (/wp-content/themes/eleven40/images/blue/) as I’m using eleven40-blue.

        I still see the blue/orange default theme logo.png. I’ve cleared cache and viewed the site on Chrome & Firefox. Same result.

        Any ideas?
        URL: keblestrading[dot]com

        • If you followed the instructions in my tutorial it should work. You said you cleared your cache correct? sometimes your old data will remain after you refresh the page, you might give it another try.

          Remember I renamed the original logo to Logo1.png and just uploaded a new logo and renamed it logo.png, and it works well for me. If you can post a link to your site I would like to take a look,

  3. Thanks so much Rob, your beautifully clear instructions meant that I got this task done in minutes. Great stuff.

    • Hello Dave sounds great my friend glad you found the instructions clear and easy to follow, by the way your blog looks GREAT keep up the nice work…… How do you like your theme? thanks so much for stopping by.

  4. John Moneypenny says:

    Excellent information, Robert! Question…I’d like to keep the eleven40 logo, but the title of my website does not quite fit inside its dimensions. How would I go about re-sizing that logo? Thanks for your help. :-)

    • Hi John if you dont mind can you post a link to your site so I may have a look? Thanks for stopping by.

      • John Moneypenny says:

        Here you go, Robert…

        http://www.60secondtennistips.com/

        Just started working on it so it is very much a work in progress…like me, only not quite as slow. :-)

        • Hello John the text looks great my friend, Are you wanting to make the text bigger to fill in the logo?

          If this is the case you might want to customize the logo your self with maybe something like Photoshop, then all you would need to do is upload the new logo in it’s place….

          Here is the link to StudioPress’s Forum they have a great support team that might have some helpful tips for you to start with http://www.studiopress.com/support/

          • John Moneypenny says:

            Actually I had to change the “60 Seconds” part of my title to “:60″ so that it would fit on the logo. So you’re saying that I should save the logo.png file to my computer and then edit it’s dimension with Photoshop and then upload the revised file to WordPress?

  5. It’s really a nice and helpful piece of information. I’m satisfied that you just
    shared this helpful information with us. Please keep us informed
    like this. Thanks for sharing.

  6. Thanks so much for stopping by my friend, Have a great day

  7. I must thank you for the efforts you’ve put in writing this site. I’m hoping to see the same high-grade blog posts by you
    later on as well. In fact, your creative writing abilities has motivated me to get
    my very own website now ;)

  8. Hi Robert,

    I have applied the exact settings as you mentioned in your article. But it is not working on my blog.

    What I did is -

    1. Same as mentioned in your article (not working) :(
    2. Added the piece of code in style.css file including the logo file in images folder in eleven40 theme.

    .header-image #title a {
    background: url( ‘images/your-logo-filename.png’ ) no-repeat;
    }
    (not working at all)

    Please check my blog and help me in solving this issue.

    Thanks in Advance.

  9. Robert,
    This doesn’t seem to work for me. In Theme Settings there is a drop down where one can choose between showing a logo and showing the dynamic text that is standard. So I created a logo.png file and uploaded per your instructions. Didn’t work. Changed this Theme Setting to show the logo. That didn’t work. So I renamed all the logo-related files to keep those from showing up (I think there are 4 or 5 that provide the dynamic feature), added my logo.png file and changed Theme Setting to show ‘image logo’ and that didn’t work either.

    Any ideas? If not I’m wondering why this theme even has a switch to show/not show logo in the first place.
    Thanks,
    David

  10. In this section you can make an change you want like re-sizing your titles and changing your logo.

    Source code    
    /* Header
    ------------------------------------------------------------ */
     
    #header .wrap {
    	background: url(images/logo.png) top left no-repeat;
    	min-height: 90px;
    }
     
    #title-area {
    	float: left;
    	overflow: hidden;
    	width: 30%;
    }
     
    #title {
    	font-family: 'Oswald', arial, serif;
    	font-size: 30px;
    	line-height: 1.4;
    	margin: 12px 0 0 32px;
    	text-shadow: 0 1px #333;
    }
     
    #title a,
    #title a:hover {
    	color: #fff;
    	text-decoration: none;
    }
     
    #description {
    	display: none;
    }
     
    #header .widget-area {
    	float: right;
    	width: 65%;
    }
  11. RGOSS, I am having the same luck as Gwen above. I renamed logo.png logo1.png and uploaded a new logo.png with same dimensions. I left everything the same… I am using blue theme as well and loaded the new logo.png there. Do I need to do it anywhere else? And are there any other settings I need to change? I left dynamic text checked on my theme page…just can’t get this popped up. And yes I did empty the caches.

    thoughts?

    • Ron locate the following set of coding in your CSS.file

      /* Image Header – Full Width
      ———————————————————— */

      .header-full-width #title-area,
      .header-full-width #title,
      .header-full-width #title a {
      width: 100%;
      }

      All you need to do is choose the correct ( Width ) to fix your title, sample
      try changing the 100% to around 53% it should line up with your text.

  12. thanks for this wonderful post. pls i want to change my eleven40 theme’s colour. how do i go about it? someone teach me. i dont know css. someone teach me

  13. Thanks for the tip about the logo – very useful. I wish the Genesis guys would make it easier to customise stuff like the fonts – the layout is great but the giant size fonts make everything space out quite weirdly on some screens with the eleven40 theme.

    • Hello Pratish your very welcome glad you for this post useful. For the most part StudioPess supplies some very helpful tutorials that will show you how to customize just about every section of your theme but sometimes you have to focus on the small details within their tutorials….

  14. Tried this tutorial and replaced the file as you mentioned but still no luck. When I go change it to show the image in the theme settings I just get the same colored box and it adds a slight bit more to the bottom of if. Any ideas?

  15. Hi RG. I really appreciate your work. But this method doesn’t work for me. I did all the steps you mentioned and still i get the default logo. I even tried Genesis simple headers and get the same result.
    This is my site http://pcdigger.com
    Any suggestions would be highly helpful to me. Thanks in advance!
    PCdigger recently posted…How To Fix a Blue Screen of DeathMy Profile

  16. Thanks for the reply man. Yep, I got it now. For all others who don’t get it, try changing the header settings in genesis admin menu from “dynamic text” to “image logo” then follow his instructions here. Everything works fine for me. You could have mentioned this in your post..it would be easier then!! Thanks again!
    PCdigger recently posted…How To Fix a Blue Screen of DeathMy Profile

  17. How can i make mu site look similar to that of creativebloggers. I don’t want to upload an image with the same size as that of the original eleven40 chiltheme. I want it to be large and accomodate most of the space in my header section just like it is on this site. Please can you write a new post explaining this procedure as i am tired of using the old logo of eleven 40 childtheme on genesis framework.
    valentine@Easy forex trading recently posted…How to find the best and paying Survey sites or companiesMy Profile

  18. I may be the lone voice of dissent here, but after a couple years of freelance WP Dev, I find Genesis Themes a little like a Rube Goldberg machine. Too many simple tasks require 30 + steps to configure.

    This post is a prime example. Changing a site logo shouldn’t require replacing images via FTP. And, it shouldn’t require a capable blogger like yourself to have to provide what is basically a tutorial to do so. Yet, here I am, arriving here after Googling and thinking, “I must be missing something in the documentation…”

    Lastly, it’s bad SEO practice in general to replace images rather than code a properly named and referenced image. The CSS remains applicable to the original image – not the one replacing it.

    I do like the flexibility of some of their themes and I hate the busy-ness of themes that configure everything upon install, but I find myself having to shoe-horn too many workarounds with most Genesis offerings.

    With that said, I like your site and look forward to reading more.

    Cheers!

    Clay

  19. Thanks for the tutorial. Hope it’ll help me to a custom logo to my new Genesis powered WordPress blog.
    Bhanupriya recently posted…Top 10 Ways to Increase Google PageRankMy Profile

Leave a comment, Join the conversation

*

CommentLuv badge