How to hide the blog title in Panorama theme?

Go in your style sheet and somewhere in there add

.hide {display:none;}

then in your header, locate the line that looks like:

<h3><?php bloginfo('title'); ?></h3>

and change it to:

<h3><span class="hide"><?php bloginfo('title'); ?></span></h3>

By wrapping it in the span called hide, it should not display it.

Also, if you’re concerned about SEO maybe you should change it to h1.

Great looking site by the way.

Hi! Thanks for the reply…and the compliment. I have really been working hard.

Okay, I can’t find that line in they style or header sheet – even after putting it into notepad and doing a search. I can’t find <h3> at all. So I am just going to put in everything I do have for the style sheet! ?? Maybe that will help? Thanks again!

….

body {
margin: 0;
padding: 0;
color: #222;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.1%;
background: #555;

}

#wrapper{
width: 1000px;
margin: 0px auto;
padding: 0px;
text-align:left;
font-size: 78%;
line-height:20px;
background: #fff url(“images/wrapperbg.jpg”) top center repeat-y;
}

#header{
height: 100px;
padding: 0px;
margin: 0;
background: #555 url(“images/headerbg.jpg”) bottom center no-repeat;
}

#container{
padding: 0 21px 0 20px;
}

#headerimage{
height:120px;
}

#topmenu{
margin:0;
padding:7px 0 0 0;
}

#content{
clear:both;
margin: 0px;
padding: 10px 0 0 0;
}

#footer {
clear: both;
margin: 0;
padding: 0px 20px 14px 20px;
text-align: center;
font-size: 90%;
background: url(“images/footerbg.jpg”) bottom center no-repeat;
}

#footer-inner{
background: #f2f2f2;
height: 50px;
border: 1px solid #ddd;
}

#footer p{
margin:0;
padding:15px 0;
}

#navigation{
padding: 5px 15px;

}

#navigation div.fleft{
float:left;
}

#navigation div.fright{
float:right;
}

#credit{
text-align:right;
padding: 0 15px;
background: #555;
}

#credit p{
margin:0;
color:#777;
font-size:85%;
}

#credit p a, #credit p a:hover{
color:#999;
font-weight:100;
}

/* ********** default styles *********** */

p, h1, h2, h3, h4, h5, h6{
margin: 10px 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: tahoma, arial, helvetica, sans-serif;
}

h1{
font-size: 190%;
}
h2{
font-size: 160%;
}
h3{
font-size: 120%;
}
h4{
font-size: 110%;
}
h5{
font-size: 100%;
}
h6{
font-size: 70%;
}

a{
font-weight:800;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

a img{
border:0px;
}

hr{
height:2px;
margin:5px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

blockquote{
padding: 10px 35px 5px 35px;
margin: 3px 30px;
background: #f4f4f4 url(“images/quotes.gif”) top left no-repeat;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

form{
margin: 0;
padding:0;
}

fieldset{
padding:10px;
margin:0;
border:none;
}

legend{
font-weight:800;
}

code{
font-size: 95%;
font-family: “Courier New”, Courier, monospace;
white-space: pre;
}

td{
vertical-align:top;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin: 0 10px 0 0;
}

.alignright {
float: right;
margin: 0 0 0 10px;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 5px 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* Tabs */

.horizmenu{
width: 100%;
line-height:16px;
background: #ccc;
float:left;
font-size:95%;
}

.horizmenu a{
font-weight: 100;
}

.horizmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.horizmenu ul li{
position: relative;
display: inline;
float: left;
}

.horizmenu ul li a{
display: block;
background: #ccc;
padding: 8px 15px;
border-right: 1px solid #fff;
color: #999;
text-decoration: none;
}

* html .horizmenu ul li a{
display: inline-block;
}

.horizmenu ul li a:link, .horizmenu ul li a:visited{
color: #222;
}

.horizmenu ul li a:hover{
background: #999;
color: white;
}

.horizmenu ul li a:hover, .horizmenu ul li ul li a:hover{
text-decoration:none;
}

.horizmenu ul li.current_page_item a, .horizmenu ul li.current_page_item ul li a{
color:black;
background: #a9a9a9;
}

.horizmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

.horizmenu ul li ul li{
display: list-item;
float: none;
}

.horizmenu ul li ul li ul{
top: 0;
}

.horizmenu ul li ul li a{
width: 150px;
padding: 5px 8px;
margin: 0;
border-top-width: none;
border-bottom: 1px solid #f2f2f2;
}

.horizmenu ul li ul li a:hover{
background: #999;
color: white;
}

.downarrow{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrow{
position: absolute;
top: 9px;
right: 5px;
}

/* Headings */

#surheader{
color:white;
text-align:right;
padding: 0 14px 0 0;
}

#surheader p{
margin: 4px 0;
}

#surheader a{
color:white;
font-weight:100;
}

form#searchform2{
display: block;
float:right;
margin: 35px 14px 0px 5px;
}

#header h3{
margin: 0;
padding: 0 0 0 20px;
}

#header h3 a{
font-weight:100;
color: #fff;
text-decoration: none;
font-size: 260%;
line-height:28px;
}

#header h3 a:hover{
color: #fff;
text-decoration: none;
}

#header h2{
margin: 0;
padding: 10px 0 5px 20px;
font-weight:800;
font-family: arial, verdana, sans-serif;
color: #ccc;
font-size: 100%;
letter-spacing: 1px;
}

h2#sectiontitle{
font-size:140%;
font-weight: 100;
padding: 6px 6px 6px 10px;
margin: 1px 5px 10px 5px;
background: #f5f5f5;
color: #444;
}

/* post styles */

.post{
margin: 0px 15px 18px 15px;
padding: 10px 0px;
background: #fff url(“images/dots.gif”) bottom left repeat-x;
}

.entry{
margin: 0;
padding: 0px 10px 3px 10px;
}

.post h2 {
color: #333;
font-size: 165%;
font-weight:100;
padding: 0 0 5px 5px;
margin: 5px 0 5px 0;
background: #fff url(“images/dots.gif”) bottom left repeat-x;
}

.post h2 a{
color: #333;
text-decoration:none;
font-weight:100;
}

.post h2 a:hover{
text-decoration:none;
color: #333;
}

.postmetadata{
font-size:90%;
padding: 1px 8px 1px 5px;
margin: 0;
background: #f5f5f5;
border-left: 3px solid #eee;
border-right: 3px solid #eee;
}

.postmetadata p{
line-height: 18px;
padding: 0;
margin: 2px 0;
}

.authormeta{
font-size:90%;
padding: 0px;
margin: 0;
}

.commentsmeta{
float:right;
font-size:90%;
padding: 0px;
margin: 0;
}

/* Comments > WordPress 2.6 */

ol.commentlist {
list-style:none;
margin:0;
padding:0;
text-indent:0;
}

ol.commentlist li {
border:1px solid #d3d3d3;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
height:1%;
margin:0 0 10px;
padding:5px 7px 5px 57px;
position:relative;
}

ol.commentlist li div.comment-author {
padding:0 160px 0 0;
}

ol.commentlist li div.vcard {
font:800 12px/1.9 verdana, arial, helvetica, sans-serif;
}

ol.commentlist li div.vcard cite.fn {
font-style:normal;
}

ol.commentlist li div.vcard cite.fn a.url {
text-decoration:none;
}

ol.commentlist li div.vcard img.avatar {
border:2px solid #eee;
top:7px;
left:7px;
position:absolute;
}

ol.commentlist li div.comment-meta {
font:100 11px/1.9 verdana, arial, helvetica, sans-serif;
position:absolute;
top:5px;
right:10px;
text-align:right;
}

ol.commentlist li div.comment-meta a {
color:#333;
text-decoration:none;
}

ol.commentlist li p {
font:normal 12px/1.5 verdana, arial, helvetica, sans-serif;
margin:0 0 1em;
}
ol.commentlist li ul {
font:normal 12px/1.4 verdana, arial, helvetica, sans-serif;
list-style:square;
margin:0 0 1em;
padding:0;
text-indent:0;
}

ol.commentlist li div.reply {
color:#374C76;
font:bold 12px/1.4 verdana, arial, helvetica, sans-serif;
}

ol.commentlist li div.reply:hover {
color: black;
}

ol.commentlist li div.reply a {
text-decoration:none;
}

ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}

ol.commentlist li ul.children li.depth-2, ol.commentlist li ul.children li.depth-3, ol.commentlist li ul.children li.depth-4 {
margin:0 0 .25em;
}

ol.commentlist li.even {
background:#fff;
}
ol.commentlist li.odd {
background:#f3f3f3;
}

ol.commentlist li.pingback div.vcard {
padding:0 160px 0 0;
}

#respond h3, h3#comments, h3#postcomment{
font-size: 105%;
font-family: verdana, arial, helvetica, sans-serif;
margin: 10px 0;
}

.replysubmit{
background:#ddd;
border:1px solid #aaa;
padding:2px 10px;
text-align:center;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* Legacy Comments < WordPress 2.7 */

ol#lcommentlist{
padding: 0 0 0 20px;
font-size: 90%;
list-style-type: none;
}

ol#lcommentlist li{
padding: 0px 3px;
margin: 0;
}

ol#lcommentlist li p.commentheader{
margin: 0px 0 0px 0;
display: block;
padding: 1px 5px;
}

ul#lcommentlist{
padding: 0;
margin:0;
list-style-type:none;
}

ul#lcommentlist li{
display: block;
padding: 0;
margin: 0 15px 5px 15px;
font-size:90%;
background: #f2f2f2;
}

ul#lcommentlist p{
margin: 6px 0;
}

ul#lcommentlist li div.comm{
margin: 1px;
padding: 1px;
}

ul#lcommentlist li div.gravatar {
width:50px;
float:left;
padding: 10px 0 0 10px;
}

ul#lcommentlist li div.gravatar img{
border: 2px solid #ccc;
}

ul#lcommentlist li div.commenttext{
padding: 0;
margin:5px 10px 5px 65px;
}

ul#lcommentlist li div.commenttext div.commentwrapper{
margin:0 0 0 5px;
padding: 3px 8px;
}

/* sidebar styles */

.menu{
padding:0;
font-size:95%;
}

.menu a{
font-weight: 100;
}

.menu a:hover{
text-decoration:none;
}

.menu ul{
margin:0;
padding:0;
list-style-type:none;
}

.menu ul li.widget{
padding: 2px;
margin:0 0 10px 0;
}

.menu ul li.widget ul{
margin: 0;
padding:0;
}

.menu ul li.widget ul li{
padding: 3px 0 3px 20px;
margin:1px 0 0 0;
display:block;
background: #f2f2f2 url(“images/bullet.gif”) no-repeat 4px 8px;
}

.menu ul li.widget h3{
font-size:140%;
padding:4px 0 4px 7px;
margin: 0 0 2px 0;
color: #444;
font-weight: 100;
background: #e5e5e5;
border-bottom:1px solid #ccc;
}

.menu ul li h3 a{
color: #333;
font-weight: 800;
}
.menu ul li h3 a:hover{
color: #333;
text-decoration: none;
}

.menu form{
display:block;
margin:0px;
padding:4px;
}

.menu input{
margin:3px 0;
font-size:90%;
}

li.widget #search, li.widget #tags {
display:block;
padding: 2px 5px;
}

/* Calendar styles */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 230px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

input.searchinput, input.searchsubmit{
background:#333;
border: 1px solid white;
color:white;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#footer a{
font-weight: 100;
}

Can you copy and paste the code of your header.php? The style I was talking about is not in there. I was recommendinf that you add a style and change your h3 in your header.

Hi,

From the wordpress admin area..settings..general settings you can remove the tagline and title of the blog..

Thanks,

Shane G.

Crondeau, I almost posted the header code, too! ?? I knew I should have! I am pasting it below! Thank you SO MUCH!

Shane, if you just delete it in the general settings, you actually remove the title of your page and it makes it harder for people searching to find your site. Also, and this is just the OCD in me coming out I guess, your name doesn’t show at the top of the tab or your browser or when someone bookmarks you. I just can’t have that! lol

…..

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”https://www.w3.org/1999/xhtml&#8221; <?php language_attributes(); ?>>

<head profile=”https://gmpg.org/xfn/11″&gt;
<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />

<title><?php bloginfo(‘name’); ?> <?php wp_title(); ?></title>

<link rel=”stylesheet” href=”<?php bloginfo(‘template_directory’); ?>/style.css” type=”text/css” media=”screen” />

<link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php echo ap_rssLink(); ?>” />

<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

<style type=”text/css” media=”screen”>
@import url(“<?php bloginfo(‘template_directory’); ?>/<?php ap_layout(); ?>col.css”);

#headerimage{
<?php echo ap_headerImage(); ?>
}

a{
color: <?php echo ap_linkColour(); ?>;
}

a:hover{
color: <?php echo ap_hoverColour(); ?>;
}

<?php if (get_option(‘thread_comments’) == 1){ ?>

ol.commentlist li div.reply {
background:#ddd;
border:1px solid #aaa;
padding:2px 10px;
text-align:center;
width:55px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

ol.commentlist li div.reply:hover {
background:#f3f3f3;
border:1px solid #aaa;
}
<?php } ?>

</style>

<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_directory’); ?>/ie-only.css” />
<![endif]–>

<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/scripts/utils.js”></script>
<?php
$ap_horizmenu_url = get_bloginfo(‘template_directory’) . ‘/scripts/horizmenu.js’;
if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ );
wp_enqueue_script(‘jquery’);
wp_enqueue_script(‘horizmenu’, $ap_horizmenu_url, ‘jquery’);

wp_localize_script( ‘horizmenu’, ‘horizmenuSettings’, array(
‘ap_baseurl’ => get_bloginfo(‘template_directory’)
));
wp_head();
?>
</head>
<body>
<div id=”wrapper”>

<div id=”header”>

<div id=”surheader”>

<p><?php echo ap_twitterLink(); ?> <img style=”vertical-align:-3px;” alt=”RSS” src=”<?php bloginfo(‘template_directory’); ?>/images/feed-icon-16×16.gif” height=”16″ width=”16″ /> “><?php _e(‘Entries RSS’,’panorama’); ?> | “><?php _e(‘Comments RSS’,’panorama’); ?> </p>

</div>

<form id=”searchform2″ method=”get” action=”<?php bloginfo(‘home’); ?>”>

<input type=”text” onfocus=”doClear(this)” value=”<?php _e(‘Search this website…’,’panorama’); ?>” class=”searchinput” name=”s” id=”s” size=”30″ /> <input type=”submit” class=”searchsubmit” onmouseover=”this.style.background=’#666666′”
onmouseout=”this.style.background=’#333333′” value=”<?php _e(‘Go’,’panorama’); ?>” />

</form>

<h3>/”><?php bloginfo(‘name’); ?></h3>

<h2><?php bloginfo(‘description’); ?></h2>

</div>

<div id=”container”>

<div id=”headerimage”></div>

<div id=”topmenu”>

<div id=”tabs” class=”horizmenu”>

<?php if (get_option(‘ap_includeHome’) == 0){ ?>

<li class=”<?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { ?>current_page_item<?php } else { ?>page_item<?php } ?>”>/”><?php _e(‘Home’) ; ?>
<?php } ?>

<?php ap_buildMenu(); ?>

</div>
</div>

The line below the form:

<h3>/”><?php bloginfo(‘name’); ?></h3>

Change that to

<h3><span class=”hide”><?php bloginfo(‘name’); ?></span></h1>

and add the class hide to your style sheet:

.hide {display:none;}

Well, we are getting there! ?? The font is smaller and now black. I made the changes in the header sheet and then added .hide {display:none;} to the style.css sheet. Take a look now and thank you SO much!

-Kelli

https://kelcostudios.com/

It also occurred to me that maybe you meant to put the .hide {display:none;} on the actual header sheet. I did that and it’s gone! ?? But now I see that code, lol. So now what?

I don’t understand why it didn’t work with the code only in the style sheet, but maybe it’s being overwritten somewhere. It it works with in in your header, then just wrap your style with the style tags.

So change

.hide {display:none;}

to

<style type=”text/css” media=”screen”>
.hide {display:none;}
</style>

Match the color of your h3 to whatever your background color happens to be. and the title will “disappear.” This way, you’ll not injure your SEO.

EHLP. what is the easiest way to add a logo to the top of a panorama site? I’m fairly new at this but so far have been able some css.
\thank you
Heather

this is the site so far
https://www.barbarabonner.org/