WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Removing the title (display:none) (13 posts)

  1. TheHuntCuracao
    Member
    Posted 1 year ago #

    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.

  2. esmi
    Forum Moderator
    Posted 1 year ago #

  3. TheHuntCuracao
    Member
    Posted 1 year ago #

    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.

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  5. TheHuntCuracao
    Member
    Posted 1 year ago #

    For some reason I cannot view the style.css in Firebug. Can you maybe check to see if you can view it?

  6. TheHuntCuracao
    Member
    Posted 1 year ago #

    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), ')';

  7. alchymyth
    Forum Moderator
    Posted 1 year ago #

    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

  8. esmi
    Forum Moderator
    Posted 1 year ago #

    Can you clarify exactly which titles you are referring to?

  9. TheHuntCuracao
    Member
    Posted 1 year ago #

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

  10. esmi
    Forum Moderator
    Posted 1 year ago #

    Try adding:

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

    to your custom CSS plugin.

  11. TheHuntCuracao
    Member
    Posted 1 year ago #

    It worked! Thank you so much.

  12. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  13. TheHuntCuracao
    Member
    Posted 1 year ago #

    That's great, I also did it with the site description.

Topic Closed

This topic has been closed to new replies.

About this Topic