Hi.
I’m enjoying Dante very much and thank you for such a great theme!
But I’m having a problem with the client shortcode.
I want the boxes placed at the center but it’s sticked to left.
Even the images doesn’t fit with the box.
I attached a screenshot of the appearance of my page whenever I insert the client shortcode.
Below is the css of the client shortcode.
/* ——————————————–
CLIENTS SHORTCODE
——————————————– */
ul.clients-items {
list-style: none;
}
.client-item {
float: left;
margin-bottom: 30px;
}
.client-item figure {
position: relative;
width: 100%;
height: 132px;
border: 1px solid transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
opacity: 0.75;
-moz-opacity: 0.75;
filter:alpha(opacity= 75);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.client-item figure:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity= 100);
}
.client-item figure img {
margin:auto;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
max-height:100%;
max-width:80%;
width: auto;
display: block;
}
.spb_featured_clients_widget.alt-bg {
padding-top: 22px;
padding-bottom: 12px;
}
.spb_featured_clients_widget li {
margin-bottom: 10px;
}
.spb_featured_clients_widget h4 {
line-height: 60px;
margin-top: 0;
margin-bottom: 0;
font-weight: normal;
}
.featured-clients-items {
margin-bottom: 0;
}
.featured-clients-items li a {
text-align: center;
}
.featured-clients-items li img {
max-height: 60px;
width: auto;
}
.featured-clients-items:hover li a {
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity= 50);
}
.featured-clients-items li:hover a {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity= 100);
}
Please help.
Thank you very much!
Attachments:
You must be
logged in to view attached files.
.