I have just checked your page and found several problems. All of them are caused by conflict with “style.css” file:
https://www.8thpillar.com/wp-content/uploads/montezuma/style.css
1) Main images jump during the transition.
Solution:
Open “style.css” file in any text editor (for example, Notepad), find the following lines:
.hentry ul li i,
.comment-text ul li i {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 10px;
margin-left: -20px;
background: transparent url(https://localhost:8080/8thPillar/wp-content/themes/montezuma/images/icons.png) -60px -48px no-repeat;
}
Line height: 12px; causes the problem.
2) Bullets have a strange effect on mouse over and when switching.
Solution:
Open “style.css” file in any text editor (for example, Notepad), find the following lines:
a,
.widget > h3,
.widget > h3 i,
.ed_button,
#submit,
.thumb-shadow,
.firstpart,
#menu1 i,
.commentlist li > div,
.commentlist .avatar {
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
Animation effect will be applied to all “a” tags on your page. It’s not good idea to add global styles, when you use modules from different developers. Conflict is a natural result in this case. Bullets use “a” too, so you see this effect. To fix this problem you can remove “a,” from the code above.
3) Thumbnail images are not at the center of frame and have grey border.
Solution:
Open “style.css” file in any text editor (for example, Notepad), find the following lines:
body.page .hentry img,
body.single .hentry img {
padding: 7px;
border: solid 1px #dddddd;
}
Global styles again… You should remove both “padding” and “border” parameters.
