The logo bar area of the front page looks like this:
This is a simple tutorial, so let’s start by creating a logo bar with your client logos, or whatever is represented by each logo. Upload it to your Media Library and click on the “Edit” link for it, then select the “File URL” and copy it.
Activate and Style Section 6
- Go to Appearance >> Customize >> Landing Page Options >> Section 5
- Check the box next to “Enable Section 5“
Using an “Image Widget” to Add Our Logos
If you have or would like to make this one easier, you can get a plugin called “Image Widget” to drag into the sidebar, and use it to upload and insert an image right there. This plugin works for any “image only” content that you want to add to a sidebar position; even a banner image. The advantage with this one is that you don’t have to mess with HTML code.
- If you want to use this plugin but don’t have it, go to Plugins >> Add New
- Search for “Image Widget” and click install, then activate it.
- Go to Appearance >> Widgets
- Drag an “Image Widget” into the “Section 5a” sidebar position
- Title your widget with an ! (exclamation mark) to hide the widget title on the front-end. To do this, you need the plugin “Remove Widget Titles” installed
- Add an ALT tag with a short description
- Click “Save“
If you would like to do it the manual way with a basic Text Widget, you can follow the next optional setup below…
Setup Our Widget
- Go to Appearance >> Widgets
- Drag a “Text Widget” into the “Section 5a” sidebar position
- Title your widget with an ! (exclamation mark) to hide the widget title on the front-end. To do this, you need the plugin “Remove Widget Titles” installed
- Now we need to add some HTML code to insert our image, add an ALT tag with a short description, and then paste the copied File URL for our image into it like this:
<img src="https://yourdomain.com/yourimage.jpg" alt="logo bar" /> - Click “Save“