Hi There,

I wrote a bunch of css for the nectar slider and it works when I add to style.css using inspect element feature. However, when I actually add the css and refresh the page, it doesn't effect the page. I see the CSS is in the stylesheet (so its not a cache issue), but its not changing anything. Here is a sample of the custom CSS I added for the first slide (I named each slide slide-12, slide-22, slide-33):

.slide-12 h2 {
font-family: Helvetica!Important;
color: #636363!important;
position: relative!important;
left: 16%!important;
top: -30px!important;
width: 40%!Important;
font-size: 20px!Important;
}

.slide-12 p {
font-family: Helvetica !Important;
color: #d3d3d3!important;
width: 20%!Important;
position: relative!important;
left: 16%!important;
top: -30px!important;
}

.slide-12 img {
position: relative!important;
top: 15px!important;
left: -4%!important;
}


This is for page: http://yourhighlandsranchdentist.com/home-mock

Ok, got it working by putting the CSS in @media screen tags with specific screen sizes… not sure why that made it work, but it did. If you know why that would make a difference, please let me know. Otherwise you can just close this ticket :)

Thanks!