Text instead of logo and text in the header

Comments

• Air

  December 2012 edited December 2012 Posts: 10,970

  Hello,
  
  Everything you wish will require to edit template files of theme. To be safe with future update of them you should do it in child theme, here is more info http://apollo13.eu/docs/spaceship/#!/modification_of_theme
  
  Also you will need to add some CSS, you can do it in style.css in child theme, or in some plugin like this http://wordpress.org/extend/plugins/pc-custom-css/ activate it, and next go to Appearance->Custom CSS. There you can insert your custom css. Firstly you will have to copy header.php from normal theme to child theme, and edit this file in child theme, line ~71

  <a id="logo" href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php echo $apollo13->get_option( 'appearance', 'logo_image' ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a>

  change to

  <a id="logo" href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">YOUR TEXT</a>

  and change YOUR TEXT to what you like.
  Next you will have to add some custom CSS to make it look better:

  #logo {
      color: #000000;
      font-size: 20px;
      font-weight: bold;
      padding-top: 17px;
      white-space: nowrap;
  }

  You should be done:-)

  As for for this custom text you could try to change line ~103 which looks

  <div class="add-ons">

  to this

  <div class="add-ons">
  <div class="my-text">My Text</div>  

  We should also style it, but first try it and tell if this is what you wish. Hope that helps.

  With regards.

  Post edited by Air on December 2012
• fredericheuze

  December 2012 Posts: 2

  Thank you for your response.
  It works pretty well but the CSS I wrote do not seem to work.
  I would like the text (up left) to be white and on one line, so maybe the ''contact'' button has to move on the right. The top margin has to be the same also for every element of the header. For the text in the upper right part of the header, I would like it to be at the end right of the header, just as the other extra texts I have (down right and left).
  Here is the website :
  
  http://www.siegfried-capdeville.com
  
  Can you please help me out with that ?
  Thank you.
• Air

  December 2012 Posts: 10,970

  Hello :-)
  
  Sorry, but you ask for too deep customization which we don't do(free or paid) as we don't have time and man power for that. It doesn't mean this points are very hard to do, but that such changes are unsafe to do, for many factors(like responsive design) and would need additional testing.
  
  I gave starter points, but farther you will need to hire someone or fight yourself with this what I gave you.
  
  With regards.