Adding horizontal Logos to the footer of the site

[rotation]

How can I add some logos at the bottom of the site in the footer I tried in the widget area it just stacks any image or icon vertically. I need them to be clickable and redirect to a site.

heres a screen shot.

[thai]

Hi There,

Could you please provide us with your website URL so we can take a closer look?

Thank you.

[rotation]

I just added a secure note above . thanks

[christopher]

Hi @rotation,

Please follow the steps below:

1. Go to X > Theme Options > Footer and set the column count of the footer to one:

2. Go to Appearance > Widgets and drag the image widget to the footer 1 widget area. Then select a proper image and set the link that you want the image to be linked:

3. Repeat the step 2, until you finish uploading and adding all your images of the footer.

4. Go to X > Theme Options > CSS and add the CSS code below:

.x-colophon.top .x-column:first-child {
	display:  flex;
	flex-flow:  row wrap;
	justify-content: center;
}

.x-colophon.top .x-column:first-child .widget.widget_media_image {
	margin:  10px;
}

---

The result should look like something like this:

---

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.