How to center two images

Webdesign Help
1

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

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
bss-site2544×921 19.1 KB

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

2

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

3

Thank you!

That did it. :+1:

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

4

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!

5

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

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

@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. :grinning:

7

@JCWEB

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

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