Jump to content

Modifying Jcarousel code in prestashop theme


DomsAdmin

Recommended Posts

Hello forum!

My Goal and Problem
I’m currently working to modify the jcarousel in prestashop theme#31983
I would like to know how I can reposition the prev and next arrows to fit inside the left and right of the slide.

when I change the left and right values in line 629 and 634 of the global.css code, after I refresh the browser it repositions both the arrows to the far left side of the carousel.

changed this
div.jcarousel-prev {width:16px;height:31px;background:url(../img/homecarousel_left.gif) 0 0 no-
repeat;overflow:hidden;position:absolute;left: 0;top:175px;cursor:pointer;}
cchanged this
div.jcarousel-next {width:16px;height:31px;background:url(../img/homecarousel_right.gif) 0 0 no-repeat;overflow:hidden;position:absolute;right: 0;top:175px;cursor:pointer;}

to this
div.jcarousel-prev {width:16px;height:31px;background:url(../img/homecarousel_left.gif) 0 0 no-
repeat;overflow:hidden;position:absolute;left: 45;top:175px;cursor:pointer;}
to this
div.jcarousel-next {width:16px;height:31px;background:url(../img/homecarousel_right.gif) 0 0 no-repeat;overflow:hidden;position:absolute;right: 8;top:175px;cursor:pointer;}

-Any suggestions how how to solve this problem will be applied and appreciated…thanks in advance forum!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...