WordPress.org

Support

Support » Themes and Templates » [Resolved] Removing the title (display:none)

[Resolved] Removing the title (display:none)

  • I use the Spine theme and I don’t like the look of the title. So I left it blank, but that makes the site looks weird in Search Engines. From what I understand I have to write “display:none” somewhere in the CSS title element.

    Can someone please explain how to get there and how to change it?
    My website: curacaovacationblog.com

    Your help will be highly appreciated.

Viewing 12 replies - 1 through 12 (of 12 total)
  • esmi

    @esmi

    Forum Moderator

    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.

    esmi

    @esmi

    Forum Moderator

    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), ‘)’;

    Michael

    @alchymyth

    Forum Moderator

    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

    esmi

    @esmi

    Forum Moderator

    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.]

    esmi

    @esmi

    Forum Moderator

    Try adding:

    #site-title {
    position:absolute;
    top:-9999px;
    -left:-999px;
    }

    to your custom CSS plugin.

    It worked! Thank you so much.

    esmi

    @esmi

    Forum Moderator

    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.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] Removing the title (display:none)’ is closed to new replies.
Skip to toolbar