Custom Logo in Pilcrow Theme
-
Hi, I am very new to CSS and like many others, would like to upload a custom logo to our site. I’ve tried using the css codes for this written by others in the forums (even found one for the Pilcrow theme) , but can’t seem to make anything work. I’m not sure if I have the size of the logo incorrect, or what the issue is.
The site is ourcommunityfoodprojects.wordpress.com
A link to the logo is: http://ourcommunityfoodprojects.files.wordpress.com/2013/03/30413-ocfp-logo-1-640×195.jpg
Thank you in advance for patience and advice!
The blog I need help with is: (visible only to logged in users)
-
Are you trying to add that image above the main menu, or are you trying to replace the custom header image which was setup using the Appearance → Header page in your blog dashboard?
http://ourcommunityfoodprojects.files.wordpress.com/2013/02/cropped-black-eyed-peas.jpgThis will help if you’re trying to replace the existing header image that’s below the main menu:
https://en.forums.wordpress.com/topic/header-image-in-pilcrow-distorted-after-css-edit?replies=3#post-845227If you want to add the image above the main menu, the CSS you tried adding already should work if you go to the Appearance → Header page in your blog dashboard and make sure the “Show header text with your image” option is checked.
You will probably also want to change the “#site-title” selector to “#site-title a” and add a few other properties such as display, width, and text-align. Here is a modified example to get you on the right track:
#site-title a { background: url('http://ourcommunityfoodprojects.files.wordpress.com/2013/03/30413-ocfp-logo-1-640x195.jpg') no-repeat; height:169px; width: 640px; display: block; text-align: left; text-indent: -9999px; } -
- The topic ‘Custom Logo in Pilcrow Theme’ is closed to new replies.