Title: CSS/Header Editing
Last modified: August 19, 2016

---

# CSS/Header Editing

 *  Resolved [schneijc](https://wordpress.org/support/users/schneijc/)
 * (@schneijc)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/cssheader-editing/)
 * [http://collegeentrepreneurshipblog.com/v](http://collegeentrepreneurshipblog.com/v)
 * I’m a first time WordPress user forced over from FTP managed Blogger having issues
   with CSS formatting. I’m using the Blueez template ([http://wordpress.org/extend/themes/blueez](http://wordpress.org/extend/themes/blueez))
   and I would like to edit the site so that the title runs from left to right across
   the Blog top rather than stacking up on the right site. How would I edit the 
   style.css file and possibly one of the PHP templates to do this (keeping the 
   same font)?
 * Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [matt987](https://wordpress.org/support/users/matt987/)
 * (@matt987)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/cssheader-editing/#post-1388185)
 * You would need to edit your style.css file and your header.php file. Unfortunately
   without actually seeing the files I can’t help you further.
 *  Thread Starter [schneijc](https://wordpress.org/support/users/schneijc/)
 * (@schneijc)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/cssheader-editing/#post-1388279)
 * I noticed I put the wrong link at the top. It should be [http://collegeentrepreneurshipblog.com](http://collegeentrepreneurshipblog.com)
 * Header.php:
 * ‘<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
    “[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt](http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt);
 * <html xmlns=”[http://www.w3.org/1999/xhtml&#8221](http://www.w3.org/1999/xhtml&#8221);
   xml:lang=”en” lang=”en”>
 * <head>
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’);?
   >; charset=<?php bloginfo(‘charset’); ?>” /> <title><?php if (is_home () ) { 
   bloginfo(‘name’); echo ” – “; bloginfo(‘description’); } elseif (is_category()){
   single_cat_title(); echo ” – “; bloginfo(‘name’); } elseif (is_single() || is_page()){
   single_post_title(); echo ” – “; bloginfo(‘name’); } elseif (is_search() ) {bloginfo(‘
   name’); echo ” search results: “; echo wp_specialchars($s); } else { wp_title(”,
   true); }?></title> <meta name=”generator” content=”WordPress <?php bloginfo(‘
   version’); ?>” /> <meta name=”robots” content=”follow, all” /> <link rel=”stylesheet”
   href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
   <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(); ?> <!–[if lte IE 7]
   ><link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_url’);?
   >/ie6.css” /><![endif]–> <script type=”text/javascript”><!–//–><![CDATA[//><!–
   sfHover = function() { if (!document.getElementsByTagName) return false; var 
   sfEls = document.getElementById(“nav”).getElementsByTagName(“li”);
 *  for (var i=0; i<sfEls.length; i++) {
    sfEls[i].onmouseover=function() { this.
   className+=” sfhover”; } sfEls[i].onmouseout=function() { this.className=this.
   className.replace(new RegExp(” sfhover\\b”), “”); } }
 * }
    if (window.attachEvent) window.attachEvent(“onload”, sfHover); //–><!]]></
   script> </head> <body> <div id=”top-menu”> <div id=”nav”>
    -  <?php
       if ( is_home() ) { $class = “item”; } else { $class= “”; } ?> <li 
      class=”<?php echo $class; ?>”>/” title=”Home”>Home <?php wp_list_pages(‘sort_column
      =menu_order&depth=1&title_li=’);?>
 *  </div>
    </div> <div id=”logo”> <div class=”pic”> <?php if (get_option(‘logo’)){
   if (get_option(‘width’)){ $width = get_option(‘width’); } else { $width =”400″;}
   if (get_option(‘height’)){ $height = get_option(‘height’); } else { $height =”
   100″; } ?> “><img src=”<?php echo get_option(‘logo’); ?>” border=”none” width
   =”<?php echo $width; ?>” height=”<?php echo $height; ?>” /> <?php } else { ?>“
   ><img src=”<?php bloginfo(‘template_url’); ?>/images/header_logo.png” border=”
   none” width=”400″ height=”100″ /> <?php } ?> </div> <div class=”text”>“><h1><?
   php bloginfo(‘name’); ?></h1><span><?php bloginfo(‘description’); ?></span> </
   div> </div> <div class=”cleared”></div> <div id=”wraper”> <div id=”wraper-k”>
   <div id=”main”> <div id=”topblue”> <div class=”rss”>“><img src=”<?php bloginfo(‘
   template_url’); ?>/images/blank.png” width=”97px” height=”65px” /></div> <div
   class=”search_bg”> <div id=”search”> <form method=”get” action=”<?php bloginfo(‘
   home’); ?>” style=”padding:0px 0px 0px 0px; margin:0px 0px 0px 0px”> <input type
   =”text” value=”Search…” name=”s” onfocus=”if (this.value == ‘Search…’) {this.
   value = ”;}” onblur=”if (this.value == ”) {this.value = ‘Search…’;}”/><input 
   type=”image” class=”input” src=”<?php bloginfo(‘template_url’); ?>/images/search.
   gif” value=”submit”/> </form> </div> </div> </div> <div class=”cleared”></div
   >’
 * I uploaded a copy of the themes style.css to [http://collegeentrepreneurshipblog.com/style.css](http://collegeentrepreneurshipblog.com/style.css)
   and it can be viewed there.
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/cssheader-editing/#post-1388318)
 * **always make backup copies of your theme files before editing anything**
 * if you want to get rid of the logo image, totally and for ever, delete the following
   from header.php:
 *     ```
       <div class="pic">
       <?php
       if (get_option('logo')) {
       if (get_option('width')){
       $width = get_option('width');
       } else {
       $width ="400";
       }
       if (get_option('height')){
       $height = get_option('height');
       } else {
       $height ="100";
       }
       ?>
       "><img src="<?php echo get_option('logo'); ?>" border="none" width="<?php echo $width; ?>" height="<?php echo $height; ?>" />
       <?php } else {
       ?>
       "><img src="<?php bloginfo('template_url'); ?>/images/header_logo.png" border="none" width="400" height="100" />
       <?php
       }
       ?>
       </div>
       ```
   
 * and in style.css change (float and width) this to:
 *     ```
       #logo .text{
       	float: left;
       	margin: 15px 97px 15px 15px;
       	width: 100%;
       	text-align: left;
       }
       ```
   

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS/Header Editing’ is closed to new replies.

 * 3 replies
 * 3 participants
 * Last reply from: [Michael](https://wordpress.org/support/users/alchymyth/)
 * Last activity: [16 years, 1 month ago](https://wordpress.org/support/topic/cssheader-editing/#post-1388318)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
