# How to center two images

**URL:** <https://forum.bootstrapstudio.io/t/how-to-center-two-images/11557>\
**Category:** Webdesign Help\
**Created:** [August 4, 2024, 5:13pm UTC](https://forum.bootstrapstudio.io/t/how-to-center-two-images/11557 "2024-08-04T17:13:56Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![parmaster](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/p/df788c/32.png) [@parmaster](https://forum.bootstrapstudio.io/u/parmaster)\
**Post date:** [August 4, 2024, 5:13pm UTC](https://forum.bootstrapstudio.io/t/how-to-center-two-images/11557/1 "2024-08-04T17:13:56Z")

</div>

Hi!

I’m new to BSS and I’m pretty new with pure html and css.

So I have a question how to center two images.

This is the structure so far for two images.  
 ![bss-structure](https://forum.bootstrapstudio.io/uploads/default/original/2X/6/6e6e7f2e987ad520e397bd3468912840d4e79276.png)

The container is fluid (full width) because I want the color for the whole background.

If I set the container to fluid, the two images aren’t centered anymore.  
The blue and the red are the images, and the green color is the bg color for the container.

 ![bss-site](https://forum.bootstrapstudio.io/uploads/default/original/2X/9/9229741e684bc366ab6e97f2acf995368abbc3a9.png)

I don’t know if I’m completely wrong here or if there’s another/better way to do this.  
How can I achieve this?

Kind regards!

Alex

---

<div class="post-metadata">

**Author:** ![richards](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/richards/32/3163_2.png) [@richards](https://forum.bootstrapstudio.io/u/richards)\
**Post date:** [August 4, 2024, 5:54pm UTC](https://forum.bootstrapstudio.io/t/how-to-center-two-images/11557/2 "2024-08-04T17:54:38Z")

</div>

Try dragging the container and it’s content into the section you have above.

Turn off the fluid on the container and set your background on the section rather than the container.

This will also make the BG color go the full width of the screen. If in the container it will have margins on the sides

---

<div class="post-metadata">

**Author:** ![parmaster](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/p/df788c/32.png) [@parmaster](https://forum.bootstrapstudio.io/u/parmaster)\
**Post date:** [August 5, 2024, 4:56am UTC](https://forum.bootstrapstudio.io/t/how-to-center-two-images/11557/3 "2024-08-05T04:56:29Z")

</div>

Thank you!

That did it. 👍

I have a few other question but I will open other threads for them.

---

<div class="post-metadata">

**Author:** ![parmaster](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/p/df788c/32.png) [@parmaster](https://forum.bootstrapstudio.io/u/parmaster)\
**Post date:** [August 5, 2024, 6:21pm UTC](https://forum.bootstrapstudio.io/t/how-to-center-two-images/11557/4 "2024-08-05T18:21:57Z")

</div>

Ok, another question regarding images.

Where can I set the destination URL?

When I click on an image there should be loading another page.

EDIT:  
Ok, I need to set the image inside a link “control”.

But then I have the blue “Link” text either on the left or above the image. How can I hide this?

EDIT 2:

Got it!

---

<div class="post-metadata">

**Author:** ![JCWEB](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/jcweb/32/4362_2.png) [@JCWEB](https://forum.bootstrapstudio.io/u/JCWEB)\
**Post date:** [August 6, 2024, 6:17am UTC](https://forum.bootstrapstudio.io/t/how-to-center-two-images/11557/5 "2024-08-06T06:17:06Z")

</div>

Hello,  
There is no need to hide the default link text.  
Just select it and delete it.

```auto
<a href="page.html"><img src="image.png"></a>

```

---

<div class="post-metadata">

**Author:** ![floydmanfloyd](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/floydmanfloyd/32/926_2.png) [@floydmanfloyd](https://forum.bootstrapstudio.io/u/floydmanfloyd)\
**Post date:** [August 6, 2024, 12:08pm UTC](https://forum.bootstrapstudio.io/t/how-to-center-two-images/11557/6 "2024-08-06T12:08:59Z")

</div>

@parmaster If you have a lot of links deleting the text every time can be a pain. Once you have a link on the page, delete the text and save as a component. After that you can drag the text free link to the page and add images, etc into the link. 😀

---

<div class="post-metadata">

**Author:** ![parmaster](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/p/df788c/32.png) [@parmaster](https://forum.bootstrapstudio.io/u/parmaster)\
**Post date:** [August 6, 2024, 3:33pm UTC](https://forum.bootstrapstudio.io/t/how-to-center-two-images/11557/7 "2024-08-06T15:33:48Z")

</div>

@JCWEB

Yes I found it yesterday evening after I asked here.  
I should have read the docs first. 🤪

@floydmanfloyd  
That’s a good idea.  
At the moment there a only two links as images.
