WordPress.org

Ready to get started?Download WordPress

Forums

Remove blog title (11 posts)

  1. SogEnders
    Member
    Posted 6 years ago #

    Hi. I know this question has been asked thousands of times before, but I am having trouble with removing the blog title from the wordpress theme.
    I am using 'Angelic Designs 1.0' by Make Quick. I have tried adding the
    }
    #header h1 {
    display:none
    }
    to the end of my style.css of my theme but it still shows up.

    Here is the entire style.css

    /*
    Theme Name: Angelic Designs
    Theme URI: http://www.makequick.com
    Description: A smooth blue design for you!
    Version: 1.0
    Author: Make Quick
    Author URI: http://www.makequick.com
    
    	This theme is released under Creative Commons Attribution 2.5 License.
    
    */
    body {
    	font: 75%/150% "Trebuchet MS", Tahoma, Arial;
    	color: #333333;
    	background: #9ECEE4;
    	margin: 0px;
    	padding: 0px;
    	background-image: url("images/background.gif");
    	background-repeat: repeat-x;
    }
    
    .toggler {
    	color: #222;
    	margin: 0;
    	padding: 2px 5px;
    	background: #eee;
    	border-bottom: 1px solid #ddd;
    	border-right: 1px solid #ddd;
    	border-top: 1px solid #f5f5f5;
    	border-left: 1px solid #f5f5f5;
    	font-size: 11px;
    	font-weight: normal;
    	font-family: 'Andale Mono', sans-serif;
    }
    
    .element {
    
    }
    
    .element p {
    	margin: 0;
    	padding: 4px;
    }
    
    .float-right {
    	padding:10px 20px;
    	float:right;
    }
    
    a {
    	color: #0C72A2;
    	text-decoration: none;
    }
    a:visited {
    	color: #0C72A2;
    	text-decoration: none;
    }
    
    a:hover {
    	color: #A3D5EC;
    	border-bottom: 1px dashed #A3D5EC;
    }
    img {
    	border: none;
    }
    p {
    	padding: 0px 0px 15px;
    	margin: 0px;
    }
    h1 {
    	margin:0px;
    	height: 60px;
    	font: lighter 2.4em/1.2em Georgia,"Times New Roman",Times,serif;
    	color: #FFFFFF;
    }
    
    .title a {
    	margin:0px;
    	font: lighter 2.4em/1.2em verdana;
    	color: #FFFFFF;
    }
    
    .title a:hover{
    	margin:0px;
    	font: lighter 2.4em/1.2em verdana;
    	color: #E3F6FF;
    	background-color: none;
    }
    
    .slogan {
    color: #FFFFFF;
    size: 12px;
    }
    h1 a, h1 a:visited{
    	color: #FFFFFF;
    	text-decoration: none;
    }
    h1 a:hover{
    	color: #FFFFFF;
    	text-decoration: none;
    	border: none;
    	background: none;
    }
    h2 {
    	color: #0C72A2;
    	margin: 0px 0px 2px;
    	border-bottom: 1px dotted #4395BC;
    	width:100%;
    	font: lighter 2em/1em Georgia,"Times New Roman",Times,serif;
    	padding-bottom: 3px;
    }
    h2 a, h2 a:visited {
    	color: #0C72A2;
    	text-decoration: none;
    }
    h2 a:hover {
    	color: #8DC6E0;
    	text-decoration: none;
    }
    
    h4 {
    	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
    	color: #758d38;
    	margin: 10px 0px 5px;
    }
    form {
    	margin:0px;
    	padding:0px;
    }
    #wrapper {
    	background: #FFFFFF url(images/content-background.gif) repeat-y;
    	margin-left: auto;
    	margin-right: auto;
    	width: 800px;
    }
    #page {
    	margin: 0px auto;
    	width: 768px;
    	background-image: url(images/content-background2.gif);
    	background-repeat: repeat-x;
    }
    /* header area */
    #header {
    	background-image: url(images/header.gif);
    	position: relative;
    	color: #D16683;
    	width: 962px;
    	height: 235px;
    	margin-left: auto;
    	margin-right: auto;
    }
    #headerimg {
    	position: relative;
    	padding: 135px 0px 0px 10px;
    	height: 60px;
    	margin: 0px auto;
    	width: 760px;
    }
    #headerimg .description{
    	color: #F6F5EE;
    	font-size: 14px;
    	float: right;
    }
    #navi {
    	height: 30px;
    	width: 760px;
    	margin-top: 0px;
    	margin-left: 115px;
    	text-align: center;
    	line-height: normal;
    }
    #nav {
    	list-style: none;
    	margin: 0 3px;
    	padding: 0px;
    	float: left;
    }
    #nav li {
    	float: left;
    	height: 30px;
    	margin: 0 3px;
    	white-space: nowrap;
    }
    #nav .page_item a{
    	color: #2195CB;
    	display: block;
    	text-decoration: none;
    	padding: 0px 10px 0px 10px;
    	font: bold 12px Arial, Helvetica, sans-serif;
    	line-height: 30px;
    }
    #nav li:hover {
    	border-bottom: 1px dashed #E1EFF6;
    }
    #nav .page_item a:hover {
    	background-position: 0px -36px;
    	border: none;
    }
    
    #nav li.current_page_item {
    	color: #198CBB;
    	text-decoration: none;
    	border-bottom: 1px solid #E3F7FF;
    }
    #nav .current_page_item a, #nav .current_page_item a:visited{
    	color: #198CBB;
    	text-decoration: none;
    }
    
    /* content area */
    #content {
    	padding: 0px 0px 30px 13px;
    	float: left;
    	width: 530px;
    	overflow: hidden;
    	margin-left: 10px;
    }
    #content img {
    	border: 1px solid #D3EAF3;
    	padding: 5px;
    }
    
    .post {
    	clear:both;
    	padding-top: 15px;
    }
    .post-date {
    	width: 45px;
    	height: 49px;
    	float:left;
    	background: url(images/date-bg.gif) no-repeat;
    }
    .post-month {
    	font-size: 11px;
    	text-transform: uppercase;
    	color: #FFFFFF;
    	text-align: center;
    	display:block;
    	line-height: 11px;
    	padding-top: 2px;
    	margin-left: -3px;
    }
    .post-day {
    	font-size: 18px;
    	text-transform: uppercase;
    	color: #999999;
    	text-align: center;
    	display:block;
    	line-height: 18px;
    	padding-top: 7px;
    	margin-left: -3px;
    }
    .entry {
    }
    .post-cat {
    	background: url(images/mini-category.gif) no-repeat left center;
    	padding-left: 20px;
    	float:left;
    }
    .post-comments {
    	background: url(images/mini-comments.gif) no-repeat left bottom;
    	padding-left: 20px;
    	float: right;
    }
    .post-calendar {
    	background: url(images/mini-calendar.gif) no-repeat left center;
    	padding-left: 20px;
    	float: right;
    	font-size: 95%;
    	color: #999999;
    }
    .post-content {
    	clear: both;
    	padding-top: 10px;
    }
    .post-info {
    	padding: 10px;
    	height: 15px;
    	background: #FFFFFF;
    	color: #9ECEE4;
    	font: bold 12px "Trebuchet MS", "Tahoma", sans-serif;
    	border: 1px dashed #9ECEE4;
    }
    .post-info a {
    	color: #9ECEE4;
    	text-decoration: underline;
    }
    .post-info a:hover {
    	color: #1C8FC3;
    	text-decoration: none;
    	border-bottom: 1px dashed #1C8FC3;
    	background: none;
    }
    .post-content blockquote {
    	background: #E6F0FC;
    	border-right: 2px solid #C1DDEF;
    	border-bottom: 2px solid #C1DDEF;
    	padding: 8px;
    }
    .navigation {
    	clear: both;
    	padding: 10px 0px;
    }
    .navigation a, .navigation a:visited {
    	color: #59770e;
    }
    .previous-entries a {
    	float: left;
    	padding-left: 18px;
    	background: url(images/mini-nav-left.gif) no-repeat left center;
    }
    .next-entries a {
    	float: right;
    	padding-right: 18px;
    	background: url(images/mini-nav-right.gif) no-repeat right center;
    }
    
    /* comments area */
    #comments, #respond {
    	border-bottom: 1px dotted #4395BC;
    	padding: 10px 0 5px 0;
    	clear: both;
    }
    .commentlist {
    	margin: 10px 0px;
    	padding-left: 20px;
    	line-height: 130%;
    }
    .commentlist li{
    	padding: 10px;
    	padding-bottom: 0px;
    }
    .commentlist .alt {
    	background: #E6F0FC;
    	border: 1px dotted #C1DDEF;
    }
    .commentlist cite, .commentlist cite a, .commentlist cite a:visited {
    	font-weight: bold;
    	font-style: normal;
    	font-size: 120%;
    }
    .commentlist small {
    	margin-bottom: 5px;
    	display: block;
    	font-size: 87%;
    }
    #commentform {
    	margin-top: 10px;
    	font: 110% Arial, Helvetica, sans-serif;
    }
    #commentform p {
    	padding: 6px 0px;
    	margin: 0px;
    }
    #commentform label{
    	color: #787878;
    	font-size: 87%;
    }
    #commentform input{
    	width: 200px;
    	background:#E6F0FC;
    	border: 1px dotted #D0D0BF;
    	padding: 3px;
    	margin-top: 3px;
    }
    #commentform textarea{
    	width: 485px;
    	height: 115px;
    	background:#E6F0FC;
    	border: 1px solid #C1DDEF;
    	padding: 2px;
    	margin-top: 3px;
    }
    #commentform textarea:focus, #commentform input[type="text"]:focus {
    	background: #ffffff;
    }
    #commentform #submit{
    	background: url(images/btn-bg.gif) no-repeat;
    	border: 1px solid #7FD4F4;
    	font: bold 12px Arial, Helvetica, sans-serif;
    	color: #0C72A2;
    	float:right;
    	width: 144px;
    	height: 28px;
    	cursor: pointer;
    }
    
    /*sidebar */
    #sidebar {
    	float: right;
    	padding: 0px 10px 20px 0px;
    	width: 190px;
    	color: #666666;
    	overflow: hidden;
    }
    /*sidebar title (h2) */
    #sidebar h2, #sidebar .sidebartitle{
    	font: 1em Arial,Helvetica,FreeSans,clean,sans-serif;
    	color: #0C72A2;
    	border-bottom: 1px solid #DBEFF6;
    	margin-bottom: 5px;
    	font-size: 14px;
    }
    /*sidebar text styles */
    #sidebar a:hover{
    	border: none;
    }
    #sidebar a, #sidebar a:visited{
    	color: #1888B8;
    	text-decoration: none;
    }
    #sidebar li a:hover{
    	color: #1888B8;
    	border-bottom: 1px solid #789d47;
    	text-decoration: none;
    }
    .widget {
    	background: #FFF ;
    	padding: 5px 10px 10px 10px;
    	margin-bottom: 10px;
    	border: 2px solid #DBEFF6;
    	background-color: #F0F8FC;
    }
    /*sidebar list level1 */
    #sidebar ul {
    	margin: 0;
    	padding: 0;
    }
    #sidebar ul li {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	border: none;
    }
    /*sidebar list level2 */
    #sidebar ul li ul {
    	padding: 0;
    	margin: 0;
    }
    #sidebar ul li ul li{
    	padding: 2px 0 2px 0px;
    	border-bottom: 1px solid #C1DDEF;
    }
    /*sidebar list level3 */
    #sidebar ul li ul li ul li{
    	padding: 1px 0 1px 10px;
    	border: none;
    }
    /*blogroll */
    ul.linkcat li, div.linkcat li{
    	background: url(images/mini-blogroll.gif) no-repeat left center !important;
    	padding-left: 20px !important;
    }
    /*category widget */
    ul.list-cat li, div.widget_categories li{
    	background: url(images/mini-category.gif) no-repeat left center !important;
    	padding-left: 20px !important;
    }
    /*archives widget */
    ul.list-archives div, li.widget_archives li{
    	background: url(images/mini-monthly-archive.gif) no-repeat !important;
    	padding-left: 20px !important;
    }
    /*pages widget */
    ul.list-page li, div.widget_pages li, li.widget_recent_entries li{
    	background: url(images/mini-page.gif) no-repeat left center !important;
    	padding-left: 20px !important;
    }
    /*sub-pages */
    ul.list-page li ul div, li.widget_pages li ul li{
    	background: url(images/mini-page-arrow.gif) no-repeat !important;
    	padding-left: 10px !important;
    }
    /*recent comments widget */
    div.widget_recent_comments li{
    	background: url(images/mini-recent-comments.gif) no-repeat !important;
    	padding-left: 20px !important;
    }
    /*calendar widget */
    div.widget_calendar td {
    	padding: 1px 5px;
    }
    /*text widget */
    .textwidget {
    	padding-top: 5px;
    }
    
    /*search form */
    #search {
    	float: right;
    	margin: -40px 15px 0px 0px;
    	width: 185px;
    	height: 31px;
    	text-align: center;
    	background-image: url(images/search-background.png);
    	padding-left: 5px;
    	padding-top: 4px;
    }
    #searchform {
    	margin: 3px 0 0;
    }
    #searchform br {
    	display: none;
    }
    #searchform #s {
    	width: 130px;
    	height: 17px;
    	padding: 3px 5px 0px 5px;
    	border: 1px solid #4395BC;
    	background: #fff;
    	margin-right: 2px;
    	color: #000000;
    	font-weight: normal;
    }
    /* search form button - to specify button only use input[type="submit"] */
    #searchform input {
    	background: none;
    	border: none;
    	height: 16px;
    	font: bold 12px Arial, Helvetica, sans-serif;
    	color: #FFF;
    	vertical-align: middle;
    }
    
    /* footer area */
    #footerbg {
    	clear: both;
    	background: #FFFFFF url(images/content-background.gif) repeat-y;
    	padding-bottom: 20px;
    	width: 800px;
    	margin-left: auto;
    	margin-right: auto;
    }
    #footer {
    	width: 760px;
    	margin: 0px auto;
    	font-size: 95%;
    	color: #303030;
    	line-height: 130%;
    }
    #footer a, #footer a:visited {
    	color: #0C72A2;
    }
    #footer h4 {
    	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
    	color: #0C72A2;
    	margin: 10px 0px 5px;
    }
    .footer-recent-comments {
    	width: 240px;
    	float: left;
    	margin-left: 10px;
    }
    .footer-recent-comments ul {
    	list-style: none;
    	margin: 0px;
    	padding: 0px;
    }
    .footer-recent-comments ul li {
    	background: url(images/mini-footer-icon.gif) no-repeat 5px 4px;
    	padding: 0px 0px 10px 20px;
    }
    .footer-recent-posts {
    	width: 240px;
    	float: left;
    	margin-left: 10px;
    }
    .footer-recent-posts strong {
    	font-size: 107%;
    	line-height: 135%;
    	font-weight: bold;
    }
    .footer-recent-posts ul {
    	list-style: none;
    	margin: 0px;
    	padding: 0px;
    	font-size: 92%;
    	line-height: 110%;
    }
    .footer-recent-posts ul li {
    	background: url(images/mini-footer-icon.gif) no-repeat 5px 4px;
    	padding: 0px 0px 10px 20px;
    }
    .footer-meta {
    	width: 100%;
    	float: left;
    	margin-left: 20px;
    }
    .footer-meta strong {
    	font-size: 107%;
    	line-height: 135%;
    	font-weight: bold;
    }
    .footer-meta ul {
    	list-style: none;
    	margin: 0px;
    	padding: 0px;
    	font-size: 92%;
    	line-height: 110%;
    }
    .footer-meta ul li {
    	background: url(images/mini-footer-icon.gif) no-repeat 5px 4px;
    	padding: 0px 0px 10px 20px;
    	font-size: 107%;
    	line-height: 135%;
    	font-weight: bold;
    	display: inline;
    }
    /* credits */
    #credits {
    	margin: 0px auto;
    	width: 720px;
    	color: #303030;
    	font-size: 85%;
    	margin-left: 50px;
    }
    #credits a, #credit a:visited {
    	color: #0C72A2;
    }
    .footer-meta ul li.rss {
    	background: url(images/mini-rss.gif) no-repeat left 2px;
    	padding: 0px 0px 10px 20px;
    }
    .loginout {
    	background: url(images/mini-loginout.gif) no-repeat left center;
    	padding-left: 18px;
    	padding-bottom: 2px;
    	margin-left: 8px;
    }
    
    /* alignments */
    .center {
    	text-align: center;
    }
    img.center, img[align="center"] {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    .alignleft {
    	float: left;
    }
    img.alignleft, img[align="left"] {
    	float:left;
    	margin: 2px 10px 5px 0px;
    }
    .alignright {
    	float: right;
    }
    img.alignright, img[align="right"] {
    	float:right;
    	margin: 2px 0px 5px 10px;
    }
    .clear {
    	clear:both;
    }
    hr.clear {
    	clear:both;
    	visibility: hidden;
    	margin: 0px;
    	padding: 0px;
    }
    #header h1 {
    display:none
    }

    How would I remove the blog title while still allowing search engines to find it (I heard that removing the <h2> tags would render search engines unable to read your web page)

    Thanks!

  2. iridiax
    Member
    Posted 6 years ago #

    You need a semicolon after display:none;, but I would NOT use this as search engines frown on hiding text like this (it's a spammer technique) and it may mess up other titles.

    Search Google for: header image replacement

  3. SogEnders
    Member
    Posted 6 years ago #

    Thanks for your reply. I googled header image replacement and I got the following link: http://css-tricks.com/header-text-image-replacement/

    It tells me to

    Use your header tags as normal, only give it a unique class name: <h1 class=ā€¯headerReplacementā€¯>Section Header</h1> In your CSS, define the class as such:

    .headerReplacement {
    text-indent: -9999px
    width: 600px;
    height: 100px;
    background: url(pathtoyourimage) #cccccc no-repeat; }

    I know that the .headerReplacement { code goes in style.css, but I'm not sure where to place the <h1 class="headerReplacement">Section Header</h1>

    Where would I put that piece of code? Thanks :)

  4. SogEnders
    Member
    Posted 6 years ago #

    Oh and also, is it possible to reorganize categories, or at least make sub-categories appear beneath the category? Because my sub category name starts with 'N' and my category name starts with 'T' so my sub category appears before my category. I want it to look like this:

    Category 1
    Subcategory 1
    Subcategory 2

    Right now it looks like this:
    Subcategory 1
    Subcategory 2
    Category 1.

    Thanks.

  5. iridiax
    Member
    Posted 6 years ago #

    I know that the .headerReplacement { code goes in style.css, but I'm not sure where to place the <h1 class="headerReplacement">Section Header</h1>

    Depending on your theme, it would likely go in header.php.

  6. iridiax
    Member
    Posted 6 years ago #

    Oh and also, is it possible to reorganize categories, or at least make sub-categories appear beneath the category?

    wp_list_categories should do this by default:

    <?php wp_list_categories('title_li='); ?>

  7. SogEnders
    Member
    Posted 6 years ago #

    Ok, I stuck the code in both my style.css and my header.php, but now 2 problems arise: My site displays 2 logos, with one slightly lower than the other, messing up the format of the site. The second problem is that it does not display the title anymore. For example, on this page it says 'WordPress> Support> Remove Blog title - Mozilla Firefox'

    My site just says 'Mozilla Firefox'

    Also, I have no clue where to put wp_list_categories. Sorry, I'm hopeless at coding. :)

  8. SogEnders
    Member
    Posted 6 years ago #

    Here is my header.php if it will help

    <!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'); ?>" />
    
    <h1 class="headerReplacement">Section Header</h1>
    
    <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('stylesheet_directory'); ?>/print.css" type="text/css" media="print" />
    <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'); ?>" />
    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/java.js"></script>
    	<script type="text/javascript">
    		window.addEvent('domready', function(){
    			var accordion = new Accordion('h3.atStart', 'div.atStart', {
    				opacity: false,
    				onActive: function(toggler, element){
    					toggler.setStyle('color', '#ff3300');
    				},
    
    				onBackground: function(toggler, element){
    					toggler.setStyle('color', '#222');
    				}
    			}, $('accordion'));
    
    			var newTog = new Element('h3', {'class': 'toggler'}).setHTML('About');
    
    			var newEl = new Element('div', {'class': 'element'}).setHTML('<? include ("wp-
    
    content/themes/angelicdesign/about.txt"); ?>');
    
    			accordion.addSection(newTog, newEl, 0);
    		});
    	</script>
    
    <?php wp_head(); ?>
    </head>
    <body>
      <div id="header">
        <div id="headerimg">
    	<div>
    	  <span class="title"><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></span> <span 
    
    class="slogan"><?php bloginfo('description'); ?></span>
    	  </div>
    	        <div id="search">
    		<?php include (TEMPLATEPATH . '/searchform.php'); ?>
    	  </div>
    
    	</div>
    	<div id="navi">
    		<ul id="nav">
    		  <li class="page_item"><a href="<?php echo get_settings('home'); ?>/" title="Home">Home</a></li>
    		  <?php $pages = wp_list_pages('sort_column=menu_order&depth=1&title_li=&echo=0');
    		  print_r($pages);
    		  ?>
    		</ul>
    	</div>
      </div>
      <!--/header -->
    <div id="wrapper">
    <div id="page">
  9. Storyman
    Member
    Posted 6 years ago #

    Wouldn't it be easier to just remark out the PHP code of the offending code?

    After you've located the code that displays the title add '/*' (without single quotes) right after the start of PHP and '*/' just before the close of the PHP.

    Example:
    <?php /* code-for-title-here */ ?>

    If you've selected the wrong code, then it is a easier to unremark the code and try something else.

  10. SogEnders
    Member
    Posted 6 years ago #

    Yes, I see what you mean, but I'm not sure which code is the 'offending' code. To my eyes, that code looks like a bunch of gibberish. :S

  11. SogEnders
    Member
    Posted 6 years ago #

    Update: I found out where to put the list categories code. I replace the code in the sidebar.php, however it still does not work.

    <h2 class="sidebartitle"><?php _e('Categories'); ?></h2>
    
    	<div class="widget">
    
          <ul class="list-cat">
            <?php wp_list_categories('title_li='); ?>
          </ul>
        </div>

    and I am still having trouble getting rid of my title text. Please help.
    Thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.