renderinnovations 0 Report post Posted January 27, 2011 Hi! I'm trying to edit the carousel so the background is unique and the arrows. This is the code I was trying to use. I also tried to tweak the code so maybe it would call out something else... Any thoughts? .thecarousel .jcarousel-prev { background: url("http://renderinnovations.com/wp-content/uploads/previous.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 40px; left: 0; position: absolute; top: 35%; width: 40px; z-index: 2; } Website: http://www.renderinnovations.com Thanks! Share this post Link to post Share on other sites
renderinnovations 0 Report post Posted January 27, 2011 So I had to hard code it and go into the actual css file for the carousel.. but for those who do not know how to or do not want to do this and utilize the easy code insert in the platform dashboard, what coding would one use to override the original css code? BTW I had to make some changes to the code I listed. Height had to be 100px and witdh 55px with top 20% and right 16%. This had to fit according to the graphic made. So any thoughts? Thanks, Adam Brackbill Share this post Link to post Share on other sites
bryan-hadaway 3 Report post Posted January 27, 2011 Overriding CSS is easy, you just have to over-specify the original and place the CSS in Custom Code > Custom CSS. `.thecarousel .jcarousel-prev` less specific than; `body .thecarousel .jcarousel-prev` Thanks, Bryan Share this post Link to post Share on other sites
