Center Image in a Hover Box
Hi, I'm currently working on a website http://zenithbuild.co.uk/ I am using a hover box with images to create the icons under the slider. Ive added this custom css to center them.
.hover_box .hover_box_wrapper .visible_photo {Margin-left: auto; Margin-right: auto;}
.hover_box .hover_box_wrapper .hidden_photo {Margin-left: auto; Margin-right: auto;}
This centers the visible image but the hidden one still stays left aligned, how would i fix this?
Comments
to center this item, above css won't work because hidden image is absolute positioned. To center those items, you must use below css:
.hover_box {text-align: center;
}
.hover_box .hover_box_wrapper {
display: inline-block;
}