How to make my site title invisible?
-
Hi everyone I was wondering if anyone could help me with a little problem?
I have had a logo made and put in as my header image therefore deleted my site title. On reader however I have no title so I have had to put it back which looks ugly. I want to make it invisible but can’t find the right part of the code to add display: none:
My blog is: onceuponaglam.wordpress.com and I’m using the customised misty lake theme.
Any advice would be very appreciated.
Thanks in advance!
Sonya x
The blog I need help with is: (visible only to logged in users)
-
If I understand you correctly, I think the problem is that by deleting your site title to make it disappear, your blog, functionally, has no title. That’s why it doesn’t appear in the reader.
Try this instead: put your blog title and tagline back in. Then go to Appearance -> Header in your Dashboard, scroll to the bottom, and uncheck “Show header text with your image.” This way, your blog will have a working title, and the title will appear in the Reader, but the title will not be overlaid on your blog’s custom header.
-
Hi Sonya x,
Not all themes have the option to hide the title! Misty Lake is one that does not have that option. But if you have the CSS upgrade, then you should be able to hide the title and still have the title. Sort of like having your cake and eating it too!
I’ll move this to the CSS forum so someone with CSS experience can assist you.
-
-
Do you have a private test blog to experiment with for when you answer questions? It’s free and can be very useful! You can even import content from your “real” blog so that you have some content in the test blog that you are familiar with. There are now so many themes that it can get “tricky” about how they all work!
≥^!^≤ -
Also note, that you can change the theme your test blog is wearing so that you can actually see it in action. Which is why having some content on it is useful. Use different settings for post formats, featured images, excerpts, the “read more” tag, theme options, code, and any other variable the user might try.
-
Yep, I have a test blog. But since I didn’t know that not all themes had the feature, I didn’t think to check it.
-
Yes, each theme is unique! And some folks still have old themes without bells and whistles, some new themes have extra options, and lots of other factors that folks ask about depend on the theme they are using.
-
-
@cynthiakirk: The post titles and the widget titles on Misty Lake are also h1 headings, so if your suggestion worked it would make all these titles invisible. But actually your suggestion has no effect, because all these headings have classes, so you’d need more specific selectors to target the one or the other heading. Also, the blog title is a link to the blog homepage, so if you wanted to change its color you’d need to target the heading link, not the heading.
Sonya found the correct solution herself (before the thread was moved to the CSS forum):
.site-title { display: none; }(But she wasn’t kind enough to drop a note so that others wouldn’t waste time on a resolved question.)
-
@ecumenicallife thanks a million! I just followed your instructions on how to remove the blog title by ‘unticking’ the show header text option and it worked. Love how it looks now *wide grin*
-
Hi guys my apologies for not getting back to you sooner, it’s not that I wasn’t kind enough to let you know, I haven’t been feeling well so have been in bed most of today, I hope you don’t think I was being rude :O)
Thank you all so much for replying I am so grateful that you took the time to help me. I did solve the problem…I think…with a code some kind person posted. Looking at what justpi posted I did do it right so am glad I posted this.
However It didn’t occur to me to have a test blog which I am definitely going to do, so this has not been a waste of time for you guys.
Do I just need to set a second blog up and copy my css in there and set it to private?
Thank you again in advance, I’m very grateful.
Sonya x
-
Hi Sonya x
You can experiment with the CSS on your test blog. The changes won’t be visible to anyone else unless you pay for the upgrade, but that shouldn’t matter because you will be the only one viewing your private site!
You can export your “real” blog and import it into the test blog so you can see exactly what happens with your experiments, how the changes will look on your live site.
Hope {you} are feeling better! :)
-
Thank you so much 1tess. I’ve been struggling with ensuring my changes look good so this will help a treat. There’s just so much to learn so I appreciate you helping me.
Thanks again
Sonya x -
Hi guys I was wondering of you could help me with something else? My site title is still visible on my mobile theme. Any ideas on making it invisible too?
Many Thanks x -
@sonyadanielle, the following targets the mobile theme site title specifically.
.mobile-theme #site-title { display: none; } -
-
Hey guys thank you so much for the help, I need help with something else if that’s ok?…just when you think you have it perfect something else annoys you :O)
I want to put my site tagline back in and make it invisible on desktop and mobile sites too. Any ideas?
Also is there any way to have a widget sidebar on the left as well as the right in Misty Lake theme.
Thank you so much…again.
Sonya x -
This should do it for you on both desktop and mobile.
.site-description, .mobile-theme .site-description { display: none; } -
- The topic ‘How to make my site title invisible?’ is closed to new replies.
WordPress.com Forums 