Jump to content


Photo
- - - - -

Carousel Arrows


This topic has been archived. This means that you cannot reply to this topic.
2 replies to this topic

#1 renderinnovations

renderinnovations

    Super Member

  • Members


  • 142 posts

Posted 27 January 2011 - 01:33 AM

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:

Please Login or Register to see this Hidden Content

Thanks!

#2 renderinnovations

renderinnovations

    Super Member

  • Members


  • 142 posts

Posted 27 January 2011 - 02:13 AM

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

#3 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 27 January 2011 - 02:51 AM

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