WordPress.org

1. nocatdyk
   Member
   Posted 7 months ago #

   I have a very basic question, as I am a parent volunteer for my children's school website. I am using the Arclite theme. I have uploaded our logo, however it places itself at the left of my title bar, and makes the title disappear. All I want is to have our title to the left and our logo to the right of the title. It seems like a positioning thing, but I do not know how to adjust the code to make this work. I know this is probably very simple for someone! I have spent hours trying to figure it out to no avail. I sure would appreciate anyone's help. This is my website.
   Thank you.

2. peredur
   Member
   Posted 7 months ago #

   I just downloaded the theme and tried to set a logo image, but failed miserably. Not sure what the problem is...

   So, I notice on your site that you don't have a logo image at the moment. Could you set one so that we can check what the theme does with it? Then we should be able to suggest something to help you with the problem.

   Cheers

   PAE

3. nocatdyk
   Member
   Posted 7 months ago #

   Thank you so much for your reply. I went ahead and uploaded our logo. As you will see, our title disappeared and the logo is on the left hand side.
   Let me know what you think. Here is my site.
   Tracy

4. peredur
   Member
   Posted 7 months ago #

   OK. Thanks. I see what's going on. This is the code that's running:

   if($logo): ?>
     <h1 class="logo"><a href="<?php bloginfo('url'); ?>/"><img src="<?php echo $logo; ?>" title="<?php bloginfo('name');  ?>" alt="<?php bloginfo('name');  ?>" /></a></h1>
   <?php else: ?>
     <h1 class="logo"><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1>
   <?php endif;  ?>

   So, as you can see, the code checks to see if there is a logo and if there is, just outputs that, without the title.

   Now, I need to say here that you really should make the changes I'm suggesting below, in a Child Theme. If you don't, theme updates could mess up your changes.

   If you need any help in creating a child theme, we can help you with that. If you absolutely can't use a child theme, we can show you how to alter the theme you have, but it may cause you troubles later.

   Assuming you are using a child theme, just copy your parent theme's header.php file to your child theme, and add:

   <h1 class="logo"><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1>

   ... to the first part of the if () statement, before the else. Then remove the <h1> tag and attributes from around the image and replace them with a <div>. You should finish up with:

   if($logo): ?>
     <div>
       <a href="<?php bloginfo('url'); ?>/"><img src="<?php echo $logo; ?>" title="<?php bloginfo('name');  ?>" alt="<?php bloginfo('name');  ?>" /></a>
     </div>
   <?php else: ?>
     <h1 class="logo"><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1>
   <?php endif;  ?>

   It won't look too good at first, but it will give us something to style.

   When you've done that, we'll take a look again and make any changes necessary to get things positioned where you want them.

   HTH

   PAE

5. nocatdyk
   Member
   Posted 7 months ago #

   The child theme is new to me, but I will spend some time looking at it and do what you suggested. I really appreciate your time. If I have trouble with the child theme, I will contact you again--I hope that is okay. I guess it is not as simple as I thought it would be.
   Thanks again,
   Tracy

6. peredur
   Member
   Posted 7 months ago #

   Creating a child theme (a minimal one that looks exactly like the parent theme) takes about 5 minutes.

   Once you've created and activated your child theme, you will have to redo the configurations you did to your parent theme via the Dashboard (i.e. the stuff on the Arclite Settings page).

   Cheers

   PAE

Reply

You must log in to post.