how to center a hover box

sconey · December 2014

Hi there,

i lover your hover box but i just have one in a line so its aligned to the left. Any Idea how to center it?

thanks

Albert · December 2014

Hi,

please send us url to page where you got it and we'll have a look on it.

sconey · December 2014

http://icarus.urbanrelations.de

thank you!

its about that "more events on facebook" button

Albert · December 2014

If you want to hover this box why you don't want to put 1/3 empty columns on side and between them hover box item? This will be the easiest and best way to center this item as you want it.

sconey · December 2014

you are right! I did that. Unfortunatelly it stays on the left side of that column! Take a look i just rebuild it to show it to you.

Albert · December 2014

Ok we see what you mean. In this case please also use below css and this should help:

.hover_box { text-align: center; }
.hover_box .hover_box_wrapper { display: inline-block; }

sconey · December 2014

awsome! thank you so much!

Albert · December 2014

You're welcome

how to center a hover box

Comments