Add Logo to Twenty Eleven Theme
January 20th, 2013 by admin
Download 60 WP Videos Here:howtousewordpress3.info How to add logo to Twenty Eleven theme wordpress 3.2 tutorial. More clear: www.blog.web6.org
Written by - Visit WebsitePosted in Wordpress Tutorial Videos
January 20th, 2013 at 6:14 am
hi,thanks for the video logo adding.May have the all code what you entered in the? wp heaader.
ameer
January 20th, 2013 at 6:14 am
Very helpful, it made my day, thanks? 🙂
January 20th, 2013 at 6:14 am
it is really important? for my homework
January 20th, 2013 at 6:14 am
Thanks.? This worked great. I used this in the SimpleX theme and it worked as well. Definitely also good to note that if you add a larger logo you might need to adjust both the line-height for h1 as well as margin for hgroup.
January 20th, 2013 at 6:14 am
Wonderful video, as always Kimi!! Just would like to know how to add a logo while? keeping both the Title and Subtitle text (instead of replacing it) and having the logo display left of the text instead of on top of it? Thanks so much.
January 20th, 2013 at 6:14 am
Hi jaxsf101, I am not familiar with Triton Lite theme unfortunately.
There must be? a theme creator’s website?
Kimi
January 20th, 2013 at 6:14 am
Hi Kimi, I tried to do the same thing but with the Triton Lite theme and it did not work. Is there any advice you can? give me?
January 20th, 2013 at 6:14 am
Fantastic tutorial! Only one question– how do you remove the blog description? Is it important? Is it? worth hiding instead of deleting it?
January 20th, 2013 at 6:14 am
Thanks. Firebug? is great!
January 20th, 2013 at 6:14 am
most welcome 🙂
That’s a Firefox addon, called Firebug.
Here is the quick link: addons.mozilla.org/en-US/firefox/addon/firebug/
Add it to your Firefox? and you’re good to go.
Cheers 🙂
January 20th, 2013 at 6:14 am
Thank you Kimi. I do have cPanel and code editor however when I open code editor I only see raw code. How do you get a split screen, like in your video (3:23), with your page showing above and the code underneath?
Sorry? for the dumb question but I’m only starting using wp 😉
January 20th, 2013 at 6:14 am
Hi there,
I use code editor in cPanel. It’s included in most WordPress hosting like HostGator. You can also get a few dollars off with the? coupon code: WPHost2012
Have a nice day letraveller
Kimi.
January 20th, 2013 at 6:14 am
Hi Kim,
What is the code editor you’re using? Is? it a plugin of wp or a plugin of cPanel ?
Thanks for your answer
January 20th, 2013 at 6:14 am
Ya, I noticed that, I think it is inheriting padding, I just set the padding to 0 and set margin to get a desired? result for site-title. e.g margin: 15px 0; padding: 0;
January 20th, 2013 at 6:14 am
I like it. Really easier. the only problem is the size, the distance it got from? the “description”. It got in the very upper part of the page.
January 20th, 2013 at 6:14 am
In the images folder for? the theme /wp-content/themes/theme_name/images
January 20th, 2013 at 6:14 am
where is the folder images? what if i? upload logo on the root folder, how will the url look like? Regards,
January 20th, 2013 at 6:14 am
With? your tutoring, I’m actually beginning to get it! Thank you, Kim.
January 20th, 2013 at 6:14 am
Not saying this is wrong, it’s a way to do it, but a better way would be to edit the style sheet site-title ID with something like this:
#site-title {
text-indent: -999%;
background: url(images/logo.png) top left no-repeat;
width: XXXpx; height:? XXXpx;
}
January 20th, 2013 at 6:14 am
You are amazing, thank? you so much!!
January 20th, 2013 at 6:14 am
Thank you Kim, your videos are? incredibly helpful!
January 20th, 2013 at 6:14 am
Great tutorial. Thanks ! :)?