Intergalactic doesn’t come with logo support, but you might be able to do something either with custom CSS or a child theme.
To start, please provide a link to your site, as well as a link to the image file you’d like to use as your logo.
Have you tried the built-in custom header option already?
I too am about to switch to the Intergalactic theme but want to make sure that I can use my logo and tagline in the header image area instead of the standard font title. Can I paste the image url somewhere to achieve this? Or do I have to save my logo and tag as the header image and just keep fiddling with it looks okay?
Thanks! Any help will be appreciated!
Hi Jim, as I mentioned above, it’s possible, but the specific code will vary depending on your logo shape and size. If you can provide a link to your site and the file you want to use, we can help further.
Thanks, Kathryn. I haven’t activated the theme yet as it gives me the heebie-jeebies (I’m worried about losing content if I revert back to my old theme). Should I activate it first for you? Also, is there a recommend size for logos or can you work with most sizes?
Thanks again.
If you’re concerned about working on your live site – it’s a good concern to have 🙂 – I’d highly recommend setting up a test site where you can play around without worry.
Also, is there a recommend size for logos or can you work with most sizes?
There isn’t for Intergalactic as it’s not built to support a logo, so make the logo whatever size you’d like it.
You might like to have a look at what this other user did with a logo in Intergalactic:
http://oncewesought.com/
They added this custom CSS to override the text site title:
.site-title a {
background: rgba(0, 0, 0, 0) url("http://69.195.124.168/~onceweso/wp-content/uploads/2016/02/Once-Logo-01-e1456111903290.png") no-repeat scroll center center / 100% auto;
display: block;
height: 102px;
margin: 0 auto;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
width: 300px;
}
Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.
An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.
Their site look great and I want to something similar, but without the header photo (just a white background). I have no save whatsoever so my site is: http://anamericaningermany.com.
The image that I want to upload as the logo is: http://anamericaningermany.com/wp-content/uploads/2016/04/AAIG-Site-Title_With-Name_Worst_Red_Intergalactic.png
I went ahead and just activated the Intergalactic theme. Please let me know if you can help.
Thanks!
That was supposed to be “I have no savvy”, not “I have no save”. Anyway, the logo should have a white background and a similar size to the preordained site title and author. Please let me know if it needs to saved as a different format, size, or whatever.
Please let me know if you can help. I have been playing around with this and can’t get it to work.
Thanks!
@jim.geren23 – Hi!
If you would like a white background instead of an image, you can adjust the CSS Kathryn shared above to do that.
Remove this line:
background: rgba(0, 0, 0, 0) url("http://69.195.124.168/~onceweso/wp-content/uploads/2016/02/Once-Logo-01-e1456111903290.png") no-repeat scroll center center / 100% auto;
and add this one in its place:
background-color: #fff;
The #fff will make it white, but can be changed to any color hex code that you want. 🙂
Let me know if you have any questions!
Thanks, Sarah! Yes, I do want a white background. Is there any way that you can log in and make that change? Like I said, I am not savvy at all. Pretty much everything that Kathryn and you said, though eloquent, makes absolutely no sense to me. Due to my lack of skills, I am willing to contribute monetarily. Should a more private correspondence be necessary, my email is [email removed for privacy]
Thanks again!
Ah, no worries! While I can’t login and change it for you, I can explain to you where/how to do it. 🙂
Since you have the Jetpack plugin active on your site, activate the Custom CSS module in there (click Jetpack on the left in your dashboard, then find the CSS module in there and you’ll see a link to activate it).
Next go to Appearance > Edit CSS and paste the code in there (edit the background line as mentioned above to use a color, instead of an image).
Then once you save the CSS in that box, it’ll update on your site, so you can go refresh and take a look. Let me know how it goes!
Thanks again. I actually want my logo and tagline to appear on a white background. Does that require the same steps?
I have used the CSS like you said and the logo looks fine. The author line “By Jim Geren” still remains, however, Is there a way to get rid of that?
Thanks!
Ah, great!
You can add this CSS to hide the author line that’s right under your logo:
.site-description {
display: none;
}
Add that in Appearance > Edit CSS, just like before. 🙂
It worked! Thank you!!!!!
