Posted 1 year ago #
I am completely new to this and need some help. i would like to add my company logo to replace the name of my blog in http://solutionsatwork.com.sg.
I've read through all the posts i could find on this topic but cant seem to gt my logo to appear. Each time I try, i get a small "x" where the logo should be, and the alt text.
Please help anybody...
thanks!
Posted 1 year ago #
How you are doing it?
You will have to up load the logo image using media and than make some changes in your header.php
follow this steps
1. Go to Admin login.
2. Navigate to "Appearance"
3. Click the "Editor" subnav
4. On the right side, click the style.css
and look for this
#site-title {
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px 0;
width: 700px;
display:none;
}
#site-title a {
color: #000;
font-weight: bold;
text-decoration: none;
}
#site-description {
clear: right;
float: right;
font-style: italic;
margin: 14px 0 18px 0;
width: 220px;
display:none;
}
add
display:none;
like i have done to stop displaying your title and description
now to add the logo open header.php
and add this <img src=your image url border=0>
after
<div id="site-description"><?php bloginfo( 'description' ); ?></div> your logo image code here
You will have to remember that if you update the theme in future you will loose this change so its best to make a child theme copy your header.php and style.css files in child theme and make changes in your child theme.
Posted 1 year ago #
thanks for the speedy response.
I've uploaded by logo into the images folder as a 370x110 jpg file.
I've done the following changes to the header.php file:
replaced the following
" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?>
with
<div id="logo"><img src="<?php bloginfo( 'template_url' ); ?>/images/solutionsatwork-logo.jpg" alt="" /></div>
and it didn't wok - i got the same little "x" and the alt text where the logo should be.
Govpatel - i've tried what you hav described but it doesnt seem to work - all i get is now a blank where the blog title shoudlbe (at least the "x" isnt there anymore)
Posted 1 year ago #
PS: I forgot to mention that i've defaulted back to the original style.css and header.css code till i can figure this out..
You not suppose delete any code as that title and description in header.php are used for your title on the browser.
follow what I have on my post again as all you need to do is add your image code after </div> tag
I have put a logo on test site here http://govpatel.com/wordpress
Posted 1 year ago #
thanks loads for all the help govpatel. i really appreciate it. For some strange reason the file i uploaded to the images folder just doesnt seem to be recognized. I've uploaded it using the media uploader on the dashboard and itworks perfectly now.
Once again thanks much!
Glad to hear that it worked out for the you wanted.
Posted 1 year ago #
Hi govpatel, this is very interesting, maybe you can help me with a similar issue.
First of all, these is my site: http://c4rlo.us
I want to keep the site name, and the description but add a little logo exactly in the corner like in this image: http://cl.ly/47Sn
Can you help me out?
Thanks in advance...
Next time you need start new thread as this thread is marked as resolved.
You will need make change in your child theme header.php
To put a logo in right hand, upload your logo using media.
click on logo and at bottom you will see url, add this url in bottom code where I have add image url here
in header php look for this code
</<?php echo $heading_tag; ?>> just after that add
<div style= "float: right;"><img src="Your image your url" width="100" height="100"></div>
this will put your logo on right above description I have example here adjust your logo size as you want in code.
In style.css look for this code
#branding img {
border-bottom:1px solid #000000;
border-top:4px solid #000000;
clear:both;
display:block;
Change top and bottom border 0px.
else you will have line at top and bottom of logo
This topic has been closed to new replies.
