WordPress.org

Ready to get started?Download WordPress

Forums

Custom Header - How to do that? (13 posts)

  1. Breno Nunes
    Member
    Posted 6 years ago #

    Hello folks! I just got a blog, the theme I´m using is cutline, however, when I exported my wordpress.com blog to my own ftp, I can´t manage to custom my header anymore, I just can´t find where is the "Custom Header" button in the Presentation panel! I tried several themes by the way... Do I need to install some plugin? I´d appreciate any help, really! Thanks a lot!

  2. boober
    Member
    Posted 6 years ago #

    Most themes dont have a custom header feature in the admin. Youll have to modify your themes header.php and stylesheet to make changes, depending on what kind of changes you want to make.

    we cant help much unless we get a link to your site, and some specifics on what you want to change

  3. Breno Nunes
    Member
    Posted 6 years ago #

    Thanks Boober! the link to my website is blog.videographia.com.br, I´ve just created it and I am still trying to cope with it, so it´s not pretty, let me warn you beforehand. Another thing: I want to change what is written in English to Portuguese, like "Categorias" instead of "Categories", is there any way to do that? Thanks again!

  4. boober
    Member
    Posted 6 years ago #

    what kind of changes are you trying to make to the header?

  5. Breno Nunes
    Member
    Posted 6 years ago #

    I´m trying to change the actual header to this logo here (www.videographia.wordpress.com).

    I read some people saying in other related topics that one should only rename the new header with the name of the current header, it´s not working with me though... Thanks a lot!

  6. Breno Nunes
    Member
    Posted 6 years ago #

    Well, thanks Boober, but somehow I got it! ;) But the other doubt about replacing the English titles with Portuguese ones, do you know how do I do that using my FTP?

  7. boober
    Member
    Posted 6 years ago #

    do you mean the headings of the sections in your sidebar? if so, go in your admin to presentation-widgets then click the little edit icon on the right side of the category widget and enter a custom title there.

  8. Breno Nunes
    Member
    Posted 6 years ago #

    That´s it boober! Just one last question: if you check my blog now (blog.videographia.com.br), you´ll notice that above the header there´s a title "Videographia, Um Novo Conceito em Imagem", but I didn´t want this phrase to appear on the blog itself, but only on the address on top of your display, and if I disable it in the Options Panel (General), the name disappears also from the tab (i forgot the name of it, but i refer to the first thing that appears on top of any display). Do you know how to solve this issue?

    No more troubling you! Thanks for all the help!

  9. Breno Nunes
    Member
    Posted 6 years ago #

    And I think you should read "screen" in lieu of "display" on the message above... My English is not perfect, sorry...

  10. boober
    Member
    Posted 6 years ago #

    youll want to remove that H1 blog title section from your header.php

    i would need to see the code in that file to be able to tell you exactly what line to remove

  11. Breno Nunes
    Member
    Posted 6 years ago #

    Well, boober, I´m no expert in code... But inside the Theme Editor I found this file that follows below (Stylesheet), maybe that´s the one you need, since there´s something related to H1 in here. Thanks!

    /*
    Theme Name: Cutline
    Theme URI: http://pearsonified.com
    Description: A squeaky clean, feature-rich theme for WordPress designed and coded by Chris Pearson.
    Version: 1.2
    Author: Chris Pearson
    Author URI: http://pearsonified.com/
    */

    body { background: #fff; color: #333; font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center; }

    * { padding: 0; margin: 0; }

    /*---:[ global elements ]:---*/

    a { color: #0060ff; text-decoration: underline; }

    a:visited { color: #333; text-decoration: underline; }

    a:hover { color: #df0000; text-decoration: underline; }

    a img { border: none; }

    blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }

    abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }

    code { color: #090; font-family: Courier, monospace; }

    pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }

    p.center { text-align: center !important; }

    p.bottom { margin: 0 !important; }

    p.unstyled { font-size: 1.4em; }

    .flickr_blue { color: #007ae4; text-transform: lowercase; }

    .flickr_pink { color: #ff2a96; text-transform: lowercase; }

    .green { color: #090; }

    .red { color: #f00; }

    .orange { color: #f40; }

    .purple { color: #909; }

    /*---:[ headlines ]:---*/

    h1, h2, h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #000; }

    h1 { font-size: 3.6em; letter-spacing: -0.03em; }

    #masthead h1 { padding: 0.4em 0 0.2em 0; border-top: 1px solid #ccc; text-align: center; clear: both; }

    h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none; }

    h2 { font-size: 2.0em; }

    h2 a { color: #000; text-decoration: none; }

    h2 a:visited { color: #555; text-decoration: none; }

    h2 a:hover { color: #090; text-decoration: none; }

    .posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }

    .pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }

    h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }

    h3 { font-size: 1.0em; text-transform: uppercase; }

    #masthead h3 { margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #888; text-align: center; }

    .entry h3 { margin: 2.5em 0 0.5em 0; }

    .entry h3.top { margin: 1.5em 0 0.5em 0 !important; }

    h3.comments_headers { font-size: 1.4em; }

    h4 { font: italic 1.2em Georgia, "Times New Roman", Times, serif; color: #888; }

    h4 a, h4 a:visited { color: #888; text-decoration: none; }

    h4 a:hover { color: #888; text-decoration: underline; }

    .posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }

    /*---:[ core layout elements ]:---*/

    #container { width: 770px; margin: 15px auto 0 auto; }

    #content_box { width: 770px; text-align: left; float: left; clear: both; }

    #content { width: 500px; padding: 0 40px 0 0; float: left; }

    #sidebar { width: 230px; float: left; }

    #footer { width: 770px; padding: 1.2em 0 0 0; border-top: 2px solid #ccc; float: left; clear: both; }

    /*---:[ header styles ]:---*/

    #masthead { width: 770px; /*height: 100px; background: url('images/logo.gif') no-repeat;*/ /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ }

    /* #masthead a { display: block; width: 770px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */

    ul#nav { list-style: none; width: 750px; padding: 0 10px; background: url('images/hr_dot_black.gif') repeat-x; border-bottom: 3px solid #000; float: left; clear: both; }

    ul#nav li { padding: 0.85em 40px 0.7em 0; font: bold 1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; }

    ul#nav li a, ul#nav li a:visited { color: #000; text-decoration: none; }

    ul#nav li a:hover { color: #000; text-decoration: underline; }

    ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #090; text-decoration: underline; }

    ul#nav li.rss { padding: 0.85em 0 0.7em 0; float: right; }

    ul#nav li.rss a { padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }

    #header_img { position: relative; margin: 0 0 3.0em 0; border-bottom: 1px solid #000; float: left; clear: both; }

    #header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */

    /*---:[ content styles ]:---*/

    .entry { font-size: 1.4em; line-height: 1.65em; }

    .entry blockquote { font-size: 1.0em; }

    .entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }

    .entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }

    .entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }

    .entry p { margin: 0 0 1.5em 0; }

    .entry ul, .entry ol { margin: 0 0 1.5em 40px; }

    .entry ul { list-style-type: square; }

    .entry li { margin: 0 0 0.5em 0; }

    .entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }

    .entry dl { margin: 0 0 1.5em 0; }

    .entry dt { font-weight: bold; margin: 0 0 0.5em 0; }

    .entry dd { margin: 0 0 1.5em 20px; }

    .entry .ad { margin: 0 0 0.5em 15px; float: right; }

    .entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

    .entry img { max-width: 490px; }

    .entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }

    .entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; }

    .entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }

    .entry img.off { padding: 0 !important; border: none !important; }

    .entry img.stack { clear: none !important; }

    .tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.6em; color: #888; clear: both; }

    .tagged a, .tagged a:visited { padding: 0.25em; color: #333; text-decoration: none; }

    .tagged a:hover { color: #fff; background: #333; text-decoration: none; }

    .add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }

    .navigation { width: 500px; font-size: 1.4em; float: left; }

    .previous { padding: 0 20px 0 0; float: left; }

    .next { float: right; }

    .clear { width: 500px; height: 1px; margin: 0 0 5.0em 0; clear: both; }

    .rule { background: url('images/hr_tag_sep.gif') no-repeat; }

    .flat { margin: 0 0 2.0em 0 !important; }

    .whitespace { margin: 0 0 3.5em 0 !important; }

    /*---:[ sidebar styles ]:---*/

    ul.sidebar_list { list-style: none; }

    ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 230px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }

    li.widget h2, li.linkcat h2 { font-weight: bold; font-size: 1.077em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 0.8em 0; padding: 0.4em 2px; border-top: 3px solid #000; background: url('images/hr_dot_black.gif') 0 100% repeat-x; }

    li.widget p { margin: 0 0 1.5em 0; padding: 0 10px; }

    li.widget ul, li.linkcat ul { list-style: square; margin: 0 0 0.5em 20px; }

    li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }

    li.widget li, li.linkcat li { margin: 0 0 0.7em 0; }

    li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }

    li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }

    li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }

    li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }

    li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }

    li.widget ul.flickr_stream li a img { padding: 3px; }

    li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }

    /*---< FlickrRSS styles for the widget only >---*/

    li.widget_flickrrss { }

    li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }

    li.widget_flickrrss a:hover img { background: #ff2a96; }

    /*---< Calendar widget styles >---*/

    #calendar_wrap { font-size: 1.3em; }

    /*---:[ footer styles ]:---*/

    #footer p { margin: 0 0 0.923em 0; font-size: 1.3em; color: #888; text-align: right; }

    #footer a, #footer a:visited { color: #888; text-decoration: none; }

    #footer a:hover { color: #888; text-decoration: underline; }

    /*---:[ comment styles ]:---*/

    #comments { width: 500px; float: left; clear: both; }

    ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }

    ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }

    ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }

    .comment_meta { margin: 0 0 1.2em 0; }

    .comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }

    .trackback .comment_num { padding: 0 0 0 20px; }

    .comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }

    .comment_num a:hover { color: #df0000; text-decoration: none; }

    .comment_meta strong { font-size: 1.6em; }

    .comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }

    .comment .entry { padding: 0 15px; }

    .comment .entry p { margin: 0 0 1.0em 0; }

    /*---:[ comment form styles ]:---*/

    #comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }

    #comment_form p { padding: 0.6em 0; }

    #comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }

    #comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

    #comment_form .text_area { width: 321px !important; }

    #comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

    #comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }

    #comment_form p.subscribe-to-comments { font-size: 1.4em; }

    #comment_form p.subscribe-to-comments label { font-size: 1.0em; }

    /*---:[ search form styles ]:---*/

    #search_form { }

    #search_form .search_input { width: 221px; padding: 3px; color: #090; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }

    li.widget .search_input { font-size: 1.1em !important; }

    #search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

  12. Breno Nunes
    Member
    Posted 6 years ago #

    And I found also Header.PHP if the one above doesn´t work:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <title><?php if (is_single() || is_page() || is_archive()) { wp_title('',true); } else { bloginfo('name'); echo(' — '); bloginfo('description'); } ?></title>

    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/custom.css" type="text/css" media="screen" />
    <!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/ie7.css" media="screen" />
    <![endif]-->
    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/ie6.css" media="screen" />
    <![endif]-->
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <?php wp_head(); ?>
    </head>
    <body class="custom">

    <div id="container">

    <div id="masthead">
    <h1>"><?php bloginfo('name'); ?></h1>
    <h3><?php bloginfo('description'); ?></h3>
    </div>

    <ul id="nav">

  13. href="<?php bloginfo('url'); ?>">front page
  14. href="<?php bloginfo('url'); ?>/archives/">archives
  15. href="<?php bloginfo('url'); ?>/about/">about
  16. <li class="rss">">RSS

    <div id="header_img">
    <?php if (is_home()) { ?>
    <img src="<?php bloginfo('template_url'); ?>/images/header_1.jpg" width="770px" height="140px" alt="<?php bloginfo('name'); ?> header image 1" title="<?php bloginfo('name'); ?> header image 1" />
    <?php } elseif (is_single()) { ?>
    <img src="<?php bloginfo('template_url'); ?>/images/header_2.jpg" width="770"px height="140px" alt="<?php bloginfo('name'); ?> header image 2" title="<?php bloginfo('name'); ?> header image 2" />
    <?php } elseif (is_page()) { ?>
    <img src="<?php bloginfo('template_url'); ?>/images/header_3.jpg" width="770px" height="140px" alt="<?php bloginfo('name'); ?> header image 3" title="<?php bloginfo('name'); ?> header image 3" />
    <?php } elseif (is_archive()) { ?>
    <img src="<?php bloginfo('template_url'); ?>/images/header_4.jpg" width="770px" height="140px" alt="<?php bloginfo('name'); ?> header image 4" title="<?php bloginfo('name'); ?> header image 4" />
    <?php } else { ?>
    <img src="<?php bloginfo('template_url'); ?>/images/header_5.jpg" width="770px" height="140px" alt="<?php bloginfo('name'); ?> header image 5" title="<?php bloginfo('name'); ?> header image 5" />
    <?php } ?>
    </div>

  • boober
    Member
    Posted 6 years ago #

    its this line in your header.php

    <h1>"><?php bloginfo('name'); ?></h1>

    you should make a backup of the file before you edit it, so if you mess anything up you can replace it with the backup.

  • Topic Closed

    This topic has been closed to new replies.

    About this Topic

    Tags