• I’m using the Wootheme “Canvas” and I added this line to my style.css page of my child theme:

    .page-id-97 .title {display:none;}

    because I’m using a static home page and didn’t want it to say “Home” at the top. The code I used worked, but the code also shows up at the bottom of all of my pages. My website is http://bestskatedeck.com

    Can anybody help me be able to get that to disappear but still not show “Home” at the top of my static home page??

Viewing 15 replies - 1 through 15 (of 26 total)
  • For SEO purpose, change that page title from “Home” to something meaningful to the site. Instead of display none, use this below, with my-theme-entry-title-class that theme uses.

    /* hide entry title on page id 97 */
    .page-id-97 .my-theme-entry-title-class {
    	position: absolute !important;
    	clip: rect(1px 1px 1px 1px); /* IE7 */
    	clip: rect(1px, 1px, 1px, 1px);
    }

    For help that’s specific to the theme, use theme’s own support channel.
    http://codex.wordpress.org/Forum_Welcome#Commercial_Products

    Thread Starter joycarlaina

    (@joycarlaina)

    Hm.. that doesn’t help. Does anyone know how to make that code disappear but still have it not display “home” at the top?

    Looks like it’s working fine to me – I don’t see “home” or any code on your page.

    Oops, now I do see that code on the page – where did you add it?

    Thread Starter joycarlaina

    (@joycarlaina)

    Look at the bottom of every page above the footer. The code still shows up, but “Home” doesn’t.

    AND, BTW, you should use what Paul posted rather than “display: none;”

    Thread Starter joycarlaina

    (@joycarlaina)

    On the child theme style.css page at the bottom…like this:

    /*
    Theme Name:     Canvas Child Theme
    Description:    A child theme for Canvas
    Author:         Admin
    Template:       canvas
    
    (optional values you can add: Theme URI, Author URI, Version)
    */
    
    @import url("../canvas/style.css");
    
    .page-id-97  .title {display:none;}
    Thread Starter joycarlaina

    (@joycarlaina)

    I don’t understand what Paul posted… πŸ™

    Are you sure you did not put that code anywhere else too? It shows up in the footer even after I remove it in Firebug.

    On Paul’s code try using this instead of what you have:

    /* hide entry title on page id 97 */
    
    .page-id-97 .title {
    	position: absolute !important;
    	clip: rect(1px 1px 1px 1px); /* IE7 */
    	clip: rect(1px, 1px, 1px, 1px);
    }

    Edit: same code WPyogi just posted.

    For other problem, pleasse go direct to theme’s dedicated support forum.

    It looks like it’s intentionally put there, because for that to happen you have to take the content from child theme’s style.css and echo it out in the single template.

    Try deactivate all the plugins that you think it might do this.

    Thread Starter joycarlaina

    (@joycarlaina)

    I tried putting that instead of what I have but I still see

    .page-id-97 .title {display: none;}

    at the bottom of the page…I guess it must be somewhere else, too? But I tried earlier searching through every page in editor for that line and I didn’t find it anywhere else but where I told you I put it.

    Did you clear browser cache ?

    When editing CSS live like this, reload with Ctrl+F5.

    at the bottom of the page…I guess it must be somewhere else, too?

    No, it could just be in one place but something grabs it and echo it out in template.

    Thread Starter joycarlaina

    (@joycarlaina)

    I tried clearing my browser cache and that didn’t work..so you think a plugin might be causing this echo then? I’ll try deactivating my plugins

    Thread Starter joycarlaina

    (@joycarlaina)

    I deactivated the 3 plugins that I’ve added since I started seeing this issue and the issue is still there.

Viewing 15 replies - 1 through 15 (of 26 total)
  • The topic ‘My CSS styling shows up on every page as text’ is closed to new replies.