Hi Okmes, Can you post a link so Ahmed can access your site. Also have you tried disabling your plugins and activating them 1 by 1 to see if it is a plugin conflict. Also change your theme temporarily to the default wordpress theme to make sure it is not a theme conflict. It is most likely going to be a plugin or theme conflict considering it works fine on the demo and no one else has brought up this issue.
Hi Ahmed, yes, it is theme conflict. I’ve switched to default theme and problem was resolved.
Since this theme is a must for me, please advice how could I fix this.
okmes it is CSS issues with your theme that are causing this. For example your themes css for a button is this:
a.button:before, a.tp-button:before, button:before, input[type=”submit”]:before, input[type=”reset”]:before, input[type=”button”]:before {
width: 15px;
height: 14px;
top: 50%;
margin-top: -7px;
right: 30px;
content: ”;
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: .0;
filter: alpha(opacity = 0);
background: url(“../images/arrow_right.png”) no-repeat right center;
}
You will notice that the opacity is .0 which is why you cant see the icons. But that is not the only issue as other CSS is causing them to be not be in the right position.
Add this CSS to the custom CSS box it will fix a couple of the issues:
