Frequently Asked Questions:
I don’t want to use a logo image. Can I delete it? How do I get rid of the text that shows through when I delete the logo image file?
I don’t want to use a logo image. Can I delete it? How do I get rid of the text that shows through when I delete the logo image file?
The best way to get rid of the logo is just to upload a blank white (or whatever your background color is) JPG image into the correct spot. Name it header-logo.jpg, make it 397pixels wide by 108 pixels high, and upload it into the “images” folder inside of your “prophoto” theme folder. This will also cover up the text below.
Questions? Instead of emailing for support, leave a comment below so everyone can benefit from any clarification.
I have tried loading the images but it wont show up, also tried blank black image and still no luck
@adam: right now it looks like your logo image is loaded. can you try to upload a blank black image so I can look again?
My logo shows up when I view my blog on my macbook, but not when viewed on a PC (tried a few different PC’s and none show my logo). Any tips, something I missed?
@Christie: i think the problem is that your logo is there, its just loading really slowly, because of how many images are on your home page. on your macbook, the image is probably already cached.
because of the amount of images that you post, i would go to “settings” -> “reading” and change the max posts per page to around 4, and that will cause your page to load faster and the logo image to come through quicker.
i have a very fast internet connection and it took me probably 3 minutes to load your whole page.
Thank you, I will try that, I am very pleased with the theme, thanks for offering it!
Hi, I changed that setting in the reading menu to only 3 posts per page but this is still an issue, my logo shows up on Mac’s (safari) and not on PC’s (IE & FF) even after allowing the whole page to fully load. I double checked the format, it is indeed 397×108 and in jpg format, I can’t think of what else I may have missed. Thank you for any help.
@Christie: that’s odd. i don’t have access to a PC right now, but my first thought would be to try resaving your logo as a .jpg in photoshop (be sure to use “save for web”) and reupload it using FTP. if that doesn’t work, shoot me an email through the support tab.
I have been playing around to have the entire top section removed (so it gives a nice clean look). I can’t seem to find the solution to eliminating this portion of the code so that the page starts with the mastheader as found on zelophotoblog.com.
Any suggestions?
@christian: what you’re asking goes a bit beyond basic supported customizations. a few tips to get you going in the right direction: if you want to get rid of the nav, you’ll need to delete the line in header.php file that includes ‘topnav.php’ and then probably get into your stylesheet and make the height of the #header section 0.
search for “firebug” in the search bar on this page and watch that tutorial – it will help you to use that tool to see what needs to be changed (in the stylesheet at least, it can’t see the underlying PHP files, only the HTML that they generate).
Jared,
I’ve been playing with my header trying to shrink it down some to look similar in nature to Simon’s blog at http://www.fazackarley.com/blog/
His logo is not so tall and the top color line is gone. I can remove my colored line but despite playing with sections of code in the stylesheet and header and topnave, I can’t seem to figure it out. Any suggestions? Thanks.
Jared, I’m interested in figuring this out too. I want to include my logos in my flashfader, and just place the name of my blog into the header. The other thing is, I love the way that Simon has that single line in his background. I’m doing my best to figure that one out. It looks like he has one really long slender image that tiles across the background, but I’m not sure how long I should make the “blank” part of the background.
@Chris: to pull this off, you’ll need to edit two areas. first, the padding on the top of the navigation links, default set to 70px, found on line 199 ish:
#ppt_topnav {
float: right; /*top links on right, set to left to switch, also edit h1#blog-title above*/
padding: 70px 24px 0 0; /*padding to top and right of top links*/
}
then, you’ll need to edit the line in your stylesheet that specifies the height of your #header section at around line 158:
#header {
height: 108px; /*height of header: logo & top links – see 5 lines below*/
}
you’ll also need to upload a new logo image and change the dimensions of the logo in the stylesheet, just below the #header section:
h1#blog-title {
float: left; /*logo on left, set to right to switch, also edit #ppt_topnav below*/
position: relative;
height: 108px; /*height of logo*/
width: 397px; /* smaller if narrower logo – gives links more room */
overflow: hidden;
}
kinda complex i know, but this is not a standard, supported customization with this theme, so you’re sort of on your own.
@Cherie Irwin: so, see the comment i left for chris about shortening the header section. regarding the background image. you need to create an image that will tile horizontally, then upload it into your prophoto/images folder, and then call it in the stylesheet with a line like:
background: #ffffff url(images/mynewbg.gif) repeat-x;
under the “body” tag in line 27-35. So it would change from something like this:
/* general styles for all blog */
body {
background-image: url(images/bg.gif); /* default is invisible GIF */
background-color: #878787; /* grey default background color */
font-family: Arial, Helvetica, sans-serif; /* font-face blogwide */
font-size: 12px; /* paragraph font-size */
color: #666666; /* paragraph text-color blogwide */
line-height: 1.5em; /* spacing between lines in paragraphs */
}
to this:
/* general styles for all blog */
body {
background: #ffffff url(images/mynewbg.gif) repeat-x;
font-family: Arial, Helvetica, sans-serif; /* font-face blogwide */
font-size: 12px; /* paragraph font-size */
color: #666666; /* paragraph text-color blogwide */
line-height: 1.5em; /* spacing between lines in paragraphs */
}
Jared,
Thanks so much for the “how to”. I also took your advice and installed firefox and firebug. What an eye opener! I have so many things I want to do and the combination of firefox and firebug are going to be the key for me to pull it off. I can see why your recommend using it so highly.
Thanks for such a great template and the excellent service that you offer to your customers. You really do go above and beyond what most would be willing to do.
Chris
Hey Jared, right now my header layout is different than the standard layout in that the Logo and links are not above the masthead. there is no logo section and then the links are directly below the flash section. I would like the layout to be like the default (logo top left and then the links top right with the masthead below it)
I am sure there is a tutorial somewhere on the site that can help me with this, can you point me in the right direction.
@ryan: I’m assuming you did this modification? or no? if you did the customization, you just sort of need to undo it. reverse what you did. or overwrite the some of the theme files with the original ones you downloaded when you purchased.
What if I want to actually remove the logo (not just upload a blank logo) so I can add more links without having to make them really small. Is there a way to do this? Thanks in advance!
@Matt: yeah. still upload a blank white image. but then shrink the width of the logo to 1px by editing this chunk of CSS in your stylesheet (should be around line 161):
h1#blog-title {
float: left; /*logo on left, set to right to switch, also edit #ppt_topnav below*/
position: relative;
height: 108px; /*height of logo*/
width: 397px; /* smaller if narrower logo – gives links more room */
overflow: hidden;
}
change the width to 1px; — that should give you lots more room.
Thanks Jared, I’ll try that.
Hey Jared,
Where is the code that establishes the href to the logo image? I have looked and I just can’t find it.
@Matt: its in the stylesheet, around line 169. (it’s a background image, technically)
I’ve uploaded (2 different times now) a blank image with the specified size and names into the specified folder and it’s still not working. When the page loads it’s as if it goes to put the blank bar of the “logo” there but then it flickers back to the “your logo here” version
@Kelly L: you must somehow be confused about where you are uploading the image. i checked and the original image is still there and has not been overwritten. make sure you are uploading it into the images folder inside the prophoto folder inside “themes” inside “wp-content” inside “blog”.
@jared: I just got the prophoto theme last week.. and want to add my logo back in…we originally thought we wouldn’t want it in there. then decided we do… I have already put image in the images folder via FTP. Just need to know where and how to adjust code.
Also, we would like to have it positioned above the links (Website Archives) is that possible
@adam: if you named the file exactly correctly and uploaded it into the right spot, it should show up. in this older version of the theme, there is no way to move the logo location without hacking the css a bit, it will be on the upper left.
@jared: Thats weird… we tried adding the header logo back in several times via FTP in the blog/wp-content/themes/images and it never showed up…
were we missing something?
And thanks for checking on the right side thing.. no biggie… just thinking we want the logo back in on the left.
thanks,
@adam: hmmm.. there must be something funky. email me through the support tab above and send me the logo image plus your FTP login info.
Хм…Неплохо
Блоггер – трапезничать внушение , заполни форму на моём сайте ,оки ? )
I really like your website. Thanks so much, have a nice day!