How do I place client logos on the home page like in your pro theme?

If you go to Appearance >> Customize, then click on the Site Title & Tsgline tab, you can upload your own logo there. But it looks like you did this already?

I’m sorry, I wasn’t clear. Not the site logo, but logos of clients that patronize our business. You have an area for their logos at the bottom of your demo homepage. How do I do that? Thanks.

Oh that… That is on the Pro version (replaced by Celestial Reloaded) of Celestial Lite. Basically what I did was added a logo jpg into a text widget and loaded it in a widget position Front Page Bottom Inset (or on the Celestial Reloaded, Bottom Inset poisition). For the Lite, you would have to use the Full Width with Widgets template, then put the logo image in the page content (editor) instead of a widget.

Wow! Thanks for your quick reply. You explained it perfectly and I know exactly what to do. I’ll get back to you with the outcome. This is great. I’m so excited!

Wow! Thanks for your quick reply. You explained it perfectly and I know exactly what to do. I’ll get back to you with the outcome. This is great. I’m so excited!

The client logos look fabulous, nice and neat in a row! Now how do I get the line of logos to move down beneath the other widgets instead of in the middle? Thanks.

Interesting method of adding the logos as you did, all within spans…I would have just added it as a 1 image with each of the logos on it so it also becomes responsive. But for the alignment, I discovered something because of your question about moving them below the widgets…I goofed on the code, so I will need to do an update to the theme. In the mean time, open the page-full-width-widgets.php file in the “templates” folder of the theme. Below, look for this:

<?php get_sidebar( 'front' ); ?>

Move that line of code right after this near the top:

get_header(); ?>

Ok, I did what you said, but so far no change. I copied my code and here’s what it looks like:

get_header(); ?>

<?php get_sidebar( ‘front’ ); ?>

<div id=”primary” class=”site-content span12″>
<div id=”content” role=”main”>

<?php while ( have_posts() ) : the_post(); ?>
<article id=”post-<?php the_ID(); ?>” <?php post_class(); ?>>
<?php if ( has_post_thumbnail() ) : // check to see if our post has a thumbnail ?>
<div class=”row-fluid”>
<div class=”post-thumbnail span12″ style=”margin-bottom:40px;”><?php the_post_thumbnail( ); ?></div>
</div>

Any thoughts?

I just used my local test site to make a front page like yours and used your content. I show it working so you may want to clear your browser cache to see if that works.

Hm. Still seeing the same thing after clearing the Safari cache. I even opened the site in Firefox. No change. Any other thoughts?

Something is being missed somewhere then. Did you make that change to the “page-full-width-widgets.php” file?

Or do you have any kind of cache plugin active?

It’s possible that I edited the php incorrectly. Here’s what I did:

1. I copied the entire “Page Full Width Content and Widgets Page Template” php code from the Celestial Lite parent theme.

2. I pasted the content into the Appearance/Editor pane in the dashboard of the Celestial Lite child theme.

3. I cut the “<?php get_sidebar( ‘front’ ); ?>” code from its original place in the code and moved it up under “get_header(); ?>” and clicked update file.

Did I do it correctly?

Actually, the first part might be the issue. If using a child theme which I now realize you are using (good), what you do is copy the actual file page-full-width-widgets.php to the child theme but it needs to be in the exact location as the Celetial Lite has it…in a “templates” folder:

/templates/page-full-width-widgets.php

However, because the template file was coded improperly by me, you can edit the original file in Celestial Lite because this change will be in the next update of Celestial Lite; means you do not have to add this to the child theme.

As a side note…your “Home” title is showing so one thing you can do is this:

1. Rename the “Home” page as Industry Awards & Affiliations. Then open the menu link and rename the navigation label back to “Home”.
2. The page then just has an inserted logo bar image, but add this to your <img> tag and also make the alignleft as aligncenter:

style="background: none; border:none;"

Contact me from my site and I can send you a logo bar I made with those logos…each spaced out to fit the width better.

Thank you soooooo much! You solved this problem, looked at the site and answered questions I didn’t even ask yet. All this on a Saturday afternoon nearing the holidays. Keep up the great work! I appreciate it!