image in center and middle

[Wynz]

Hey,

i want to put an image in the center of a website. Been playing around with Frame tool. But that will only allow me to set a fixed height that pushes the image to the center-ish.

So far I gave the image the custom CSS-ID "center" and put this in the CSS-Code:
#center {
width: 50%;
position: absolute;
top: 50%;
bottom: 50%;
left: 50%;
right: 50%;
}

Put this does not work … The image is somehow pushed to the right side!?

Any ideas how to fix this (simple) problem?

Best
Fabian

[Wynz]

@arminunruh any idea?

[ynnckmllr]

Following

[arminunruh]

create a page. set frame top and bottom to 0
right click the row. click "use browser height for row height"
then place an image in the center

why do you want to use custom css for this?

your custom css may work if you use !important; for everything. not sure.
like: left: 50%!important;
however, the width of the element depends on grid css css which doesn't use width: 50%; you need to inspect the element using your browser inspector, look at the css that is being applied and this way you can see why it's not working. because you'll see which css overwrites your css.

you can post a link here so i can help you with this if you like.

[arminunruh]

and sorry about the late reply!