I downloaded “My Custom CSS” plugin. Should I just write {title display: none;} in it. I just want to be sure so I don’t mess things up.
No – you need to identify the precise CSS class for the titles. Try using Firefox with the Firebug add-on to locate the necessary class. Or use whatever developer tool is available in your web browser.
For some reason I cannot view the style.css in Firebug. Can you maybe check to see if you can view it?
I actually got to open it now. Except there is no “site-title” in the CSS. Can this possibly be it? I’m so lost. Sorry about all the questions.
abbr[title]::after {
content:’ (‘, attr(title), ‘)’;
you can possibly not find the css ids by using Firebug, because the site title and description are not filled in;
alternatively, look into the html output of your site in the browser and identify the corresponding section;
you should find that the site title has a css id of #site-title while the tag line has #site-description
Can you clarify exactly which titles you are referring to?
Esmi, I’m referring to the Site Title. I filled it in right now and it is on top of the menu.
alchymyth, this is what I see in the HTML now that I filled in the site title:
<h1 id="site-title">
<a title="Curacao Vacation Blog" href="http://curacaovacationblog.com">Curacao Vacation Blog</a>
</h1>
[Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]
Try adding:
#site-title {
position:absolute;
top:-9999px;
-left:-999px;
}
to your custom CSS plugin.
It worked! Thank you so much.
No problem. The CSS you just added will remove the site’s title from graphical web browsers but will leave it available to non-graphical users – such as Google.
That’s great, I also did it with the site description.
