Revolution Slider Displaying oddly

[Nicola Crossley]

Nicola Crossley

November 16, 2014 at 3:51 pm

Hi,
I have revolution slider set up in my site and it was working fine until I added some tables.
I followed your advice and instead of the tables in text I added the recommended plugin and built them in there instead. I thought once I did that and then cleared the cache that the slider would display normally again. But it isn’t.
Can’t provide a link but this is what it looks like:
*Login to see link

The odd thing is that when I right click to inspect the element it goes back to normal….

Is there anything in the following CSS that might be messing it up?

.postdate, .kad-hidedate, .postdatetooltip {display:none;}
.postcommentscount {display:none;}
.subhead{
visibility:hidden;
}
#nav-second ul.sf-menu>li {
width: auto;
padding: 2px 19px;
}
.home-padding {
padding: 0px 0 15px;
}
.sliderclass {
padding: 0px 0px 0px;
}
.kad-header-left {
width: 70%;
float: left;
text-align: left;
}
.kad-header-widget {
width: 30%;
float: left;
text-align: left;
}
.tp-leftarrow.custom, .tp-rightarrow.custom {
background: transparent;
color: #d1d2d4;
font-size: 30px;
font-family: virtue_icons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tp-leftarrow.custom:before {
content: “e3b3”;
}
.tp-rightarrow.custom:before {
content: “e3b1”;
}
.kad-info-box {
-ms-transform: scale(1,1); /* IE 9 */
-webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
transform: scale(1,1);
-webkit-transition: -webkit-transform .2s ease-in; /* Changed here */
-moz-transition: -moz-transform .2s ease-in;
-o-transition: -o-transform .2s ease-in;
transition: transform .2s ease-in;
}
.kad-info-box:hover {
-ms-transform: scale(1.1,1.1); /* IE 9 */
-webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
transform: scale(1.1,1.1);
}
.panel-row-style-wide-grey .panel-grid-cell {
padding: 0px 0px 0px 0px;
}
.kad-info-box {
padding: 0px 0;
}
.home .panel-grid:only-child .panel-row-style-wide-grey, .home .panel-grid:last-child .panel-row-style-wide-grey {
margin-bottom: 0 !important;
}
.contentclass {
padding-bottom: 5px;
padding-top: 10px;
}
.panel-grid-cell .panel {
margin-bottom: 0px;
}

Many thanks

Nic