WordPress.org

Ready to get started?Download WordPress

Forums

Kubrick theme - removing blog name from header (26 posts)

  1. rnawayjm
    Member
    Posted 7 years ago #

    I'm trying to get rid of the blog name and description in the Kubrick header and found these directions:

    "The best way of doing this, is to open wp-layout.css. Find the first entries you can find for 'H1' and '.description'. Now add 'display: none;' to the values in there."

    Would the example below be the the first entry for 'H1' in the stylesheet?

    h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    }

    h1 {
    font-size: 4em;
    text-align: center;
    }

    OR IS THIS IT

    h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }

    If one of those is corrent, where would I add 'display: none;'?

  2. Cypher
    Member
    Posted 7 years ago #

    For starters, what version of WP are you playing with? For the fact that you are talking about wp-layout.css would indicate that it's not 1.5 or greater.

    If you want to stick with the older version of WP, you probably want to be adding "display:none" to the second instance you found.

    Regards

  3. LiverpoolLad
    Member
    Posted 7 years ago #

    You can display the header elsewhere if you move the code from the header.php to the main index.php page.

    Open the header php file and just cut and paste the H1 and description somewhere else, to keep the blog title up.

    Resize it with Css to create your desired effect.

  4. rnawayjm
    Member
    Posted 7 years ago #

    Cypher...I'm using 2.02...maybe the instructions I found are for an older version of WP. I'm assuming I make the CSS changes in the 'style.php' page?

    Liverpool...I don't want to move the blog name, I want to delete it because I'm adding my own header image.

  5. moshu
    Member
    Posted 7 years ago #

    Where did you find the instructions? If it says "wp-layout.ccs" - it is a pre-1.5 version.
    All the actual documentation is at Codex.

  6. rnawayjm
    Member
    Posted 7 years ago #

    It's on this site: http://binarybonsai.com/wordpress/kubrick/

    Q: How do I remove the blog name and description in the header? My header image already has all that...

    A: The best way of doing this, is to open wp-layout.css. Find the first entries you can find for 'H1' and '.description'. Now add 'display: none;' to the values in there. The reason for doing it this way, and not by simply deleting the code in index.php, is that this way around, it will degrade gracefully if an old browser happens to drop by.

  7. moshu
    Member
    Posted 7 years ago #

    Too bad you didn't read the whole page...
    As per version 1.5, a ported version of Kubrick v1.2.6 has been bundled with WordPress as the default style. The FAQ covers version 1.2.6 only, all other support should go to the WordPress Forums.
    WordPress 1.5 can be downloaded from the WordPress site. Please be aware that the bundled version differs in various ways from the one you find here. If you are using WordPress 1.5, don't bother downloading Kubrick v1.2.6.

  8. rnawayjm
    Member
    Posted 7 years ago #

    I'm using the WordPress default theme (Kubrick)...all I want to do is remove the blog name and add my own image...can anyone help?

    I figured this would be a common modfication to the default WP theme...

  9. moshu
    Member
    Posted 7 years ago #

    Modifying the default theme is not really a "common task" - it's complicated and nobody likes to deal with it.
    However, you can find some guide here: Designing_Headers.

  10. rnawayjm
    Member
    Posted 7 years ago #

    Has anyone else besides moshu removed the blog name and description from the Kubrick header? If so, can you enlighten me...

  11. moshu
    Member
    Posted 7 years ago #

    I never said I did. If possible I don't touch it.
    Just remove the code that displays the title and the description.
    <h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <div class="description"><?php bloginfo('description'); ?></div>

  12. Sridhar Katakam
    Member
    Posted 7 years ago #

    Why not simply remove the blog title and tagline from 'General Options'?

  13. rnawayjm
    Member
    Posted 7 years ago #

    NO FCKG WAY!!! Are you kidding me...that's all it was! Man, this CSS has me and many others overlooking the straight-forward solutions.

    Much thanks srikat.

    One more thing...do you know where to access the "about" text? It's not in the options section?

  14. spencerp
    Member
    Posted 7 years ago #

    Thanks for posting that moshu, I was just going to post that, but I got booted offline. =( But to add along with that though, if you're using you're own image in-replace of the kubrick one, you could do this also:

    <a href="<?php echo get_settings('home'); ?>/">
    <div id="headerimg"></div></a>

    This way the people can still get back to the home page, if they are on another page, just by clicking the header image. Just thought I'd throw it in there. =)

    For the About page stuff, in Control Panel, go to Manage => Pages then click on edit for the "about" page, that should do it hehe. =)

    But what srikat said, will work and remove the title and description, but you'll lose the "linkage" for the header image. And won't be able to use it to get back "home" again.

    Example that in progress here:
    http://www.vindictivebastard.net/kubrickfixed/

    I'll remove the title and description like srikat said, but add the codes I have above to still give a "linkage" once.

    spencerp

    P.S. All this was done without messing with the CSS codes for that part either. =)

  15. rnawayjm
    Member
    Posted 7 years ago #

    spencerp/moshu...where exactly would I add this code to make my header a link?

    <a>/">
    <div id="headerimg"></div></a>

  16. moshu
    Member
    Posted 7 years ago #

    Everything you need is here: http://codex.wordpress.org/Designing_Headers

    (as a sidenote: I would not recommend the "technique" suggested by srikat, i.e. deleting the title, for several reasons:
    there will be no title in the browser's top bar;
    the html semantics will be broken - no h1 in your file;
    search engines are not happy about it...)

  17. rnawayjm
    Member
    Posted 7 years ago #

    I just tried this one:

    The other method is to position the content literally "off the page" with positioning. Here is an example:

    h1 {position: absolute;
    font-size: 0;
    left: -1000px; }

    This technique moves the entire h1 tag and its contents physically off the web page. The screen reader will still "read" the text because it is there, but it will not display on the page.

    ...I've asked this question before but received no response...how do you get changes to CSS to stick. I just tried modifying the CSS, viewed the site, and no changes. Then I went back to the code that I modfied and it's reverted back to the original code? Since there is no save button...what saves the changes to CSS?

  18. moshu
    Member
    Posted 7 years ago #

    I always work offline - never edit it in the Theme Editor.
    In order to be able to do it, you have to change the permissions (chmod 666) on the files you wish to edit. And after that change it back at once, otherwise you leave your site wide open for happy hackers :)
    [that's why I don't edit online]

  19. rnawayjm
    Member
    Posted 7 years ago #

    moshu...Let me clarify because I've been trying to make CSS changes in the Theme Editor...

    1. CHMOD 'style.css' to 666
    2. Then make changes offline in Dreamweaver
    3. CHMOD back to 644
    4. FTP changes

  20. moshu
    Member
    Posted 7 years ago #

    Nope. You need to chmod ONLY for editing online. If you do it offline and FTP - no need to mess with the permissions :)

  21. rnawayjm
    Member
    Posted 7 years ago #

    Ok...so the reason my changes to the CSS in the Theme Editor didn't save before was because I failed to CHMOD before modifying?

  22. moshu
    Member
    Posted 7 years ago #

    Yes, exactly! The file not being "writable" the changes didn't have any effect on it. You are getting it fast :)

  23. rnawayjm
    Member
    Posted 7 years ago #

    I'm getting it...but definitely not fast. I have absolutely no experience in CSS, just some in HTML, so this is all new to me. I'm sure we'll "talk" again soon moshu.

    thx.

  24. moshu
    Member
    Posted 7 years ago #

    May I suggest this site?
    http://www.w3schools.com/css/default.asp
    When I started to learn CSS it was very helpful for me. (We all have been a beginner some day...)

  25. spencerp
    Member
    Posted 7 years ago #

    i.e. deleting the title, for several reasons:
    there will be no title in the browser's top bar;
    the html semantics will be broken - no h1 in your file;
    search engines are not happy about it...)

    I agree with moshu about that stuff. =) However, I'll post what I have done, and it seems to work. But as for the search engine deal on it, I still think they won't be happy about it sigh. Anyways, here goes...

    In the header.php file, find this near top:

    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

    Replace with this:
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?> | <?php bloginfo('description'); ?></title>

    This will show both, the Blog's Title and Description in the top of browser, if you have those "fields" filled out in the "Options" section of the Blog's control panel.

    Then, still in the header.php file, find this near bottom, the divs right after the "body" tag:

    <div id="page">
    <div id="header">
    <div id="headerimg">
    <h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <div class="description"><?php bloginfo('description'); ?></div>
    </div>
    </div>
    <hr />

    Replace with this:
    <div id="page">
    <div id="header">
    <a href="<?php echo get_settings('home'); ?>/"><div id="headerimg" title="<?php bloginfo('name'); ?> | <?php bloginfo('description'); ?>">
    <h1><?php bloginfo('name'); ?></h1>
    <div class="description"><?php bloginfo('description'); ?></div>
    </div></a>
    </div>
    <hr />

    That pretty much keeps the "codes" original, except this way shows the "blog's title and description" while taking the mouse over the header image. And also, not removing the original "h1" codes for it. Plus, will still give a linkage to the image for getting back to the "home" page.

    Then, in your CSS file, find these lines here:

    h1 {
    font-size: 4em;
    text-align: center;
    }

    .description {
    font-size: 1.2em;
    text-align: center;
    }

    Replace them with these here:

    h1 {
    font-size: 4em;
    text-align: center;
    display:none;
    }

    .description {
    font-size: 1.2em;
    text-align: center;
    display:none;
    }

    I just added "display none" for them, and the title and description isn't shown on the image, but again...not sure if that's search engine friendly. =( But, it's still basically what the O.P. was looking for right lol? =P

    Anyway, I hope this helps, if not the O.P., then someone else maybe... =) Again, I have it done here at the demo test blog:
    http://www.vindictivebastard.net/kubrickfixed/

    If you want, you can click to view source of page to see the codes, and even view CSS if you have Dev Tool Bar for FF or IE. =)

    spencerp

  26. alebravo
    Member
    Posted 7 years ago #

    Hi,
    I simply use the visibility: hidden property like this:

    h1 {
    font-size: 4em;
    text-align: center;
    visibility: hidden;
    }

    So the text title and link still remain in the header code.

    Is this solution not enough compatible or does it have any flaws?
    if anyone knows, please let me know.

    alex

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags