Add 5th logo to homepage

There is a <div> tag after the forth logo with the class “clear” remove that <div> then make adjustment in the width and margins of the logos tags. If you require I can help with the exact css.

I have removed the <div> from the code. I have 5 logos showing on the home page now but they are going over 2 lines so I’m not sure which part of the CSS i need to adjust. Are you able to point me in the right direction.

Hi,
Use this css in the bottom of your style.css or in the child theme if you have one.
.logos_wrap img {
width: 20%;
margin: 30px 0;
padding: 0 10px;
}

img.hcf_l, img.hic_l {
width: auto !important;
}

• This reply was modified 8 years ago by Sayan Naskar.
• This reply was modified 8 years ago by Sayan Naskar.

If i set this :

img.hcf_l, img.hic_l {
width: auto !important;
}

The logos become huge.. They are all over the place. I still cannot get them all onto 1 line.
The other option is that i can have the smaller 4 logos vertical above each other and have it over 3 columns.

Is there an easier way of doing this??

• This reply was modified 8 years ago by beltanconsultancy.
• This reply was modified 8 years ago by beltanconsultancy.

Thank you @sayannaskar for your help with this.

I ended up creating a new custom widget area, added the images using the image widget option and it’s all sorted now.

Great to hear that! You are most welcome.