Custom css being over-ridden by soliloquy?
-
I am attempting to alter the css of the soliloquy lite slideshow using the “Custom CSS” plugin in order to center the slideshow on the page and move the caption and the dots underneath the photo, change background color to white and text to dark gray. I add the following css, but upon inspection, it appears that soliloquy is overriding my css changes.
My CSS:
.flex-container { margin: 0 auto !important; }
.soliloquy-container{
margin: 0 auto !important;
}
.flex-caption {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #222;
padding: 50% 2.1%;
position: absolute;
text-align: center;
text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}Firefox inspector shows:
.flex-caption {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
bottom: 0px;
color: #FFF;
display: block;
font-size: 14px;
left: 0px;
line-height: 18px;
margin: 0px;
padding: 1.4% 2.1%;
position: absolute;
text-align: center;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
width: 96%;
}
.flex-caption { (ALL OF THE FOLLOWING HAS A STRIKEOUT LINE THROUGH IT
BUT I CAN’T RECREATE THAT HERE.
background: none repeat scroll 0px 0px transparent;
color: #222;
padding: 50% 2.1%;
position: absolute;
text-align: center;
text-shadow: 0px 0px 0px transparent;
}What am I doing wrong?
- The topic ‘Custom css being over-ridden by soliloquy?’ is closed to new replies.
