Moving the arrows

Start
Prev
1
Next
End

Carolek
Topic Author
Offline

Posts: 157
Thank you received: 2

11 years 11 months ago #78835

Hey,

I have a gallery that I built whit Hikashop right here:
algorarts.com/gallery/product/7-hello-africa.html
and the arrows are far from the pictures. I want them closer. Is that possible?
Thank you

Carole

Please Log in or Create an account to join the conversation.

Jerome
Away
HikaShop core developer

Posts: 26152
Thank you received: 4027
MODERATOR

11 years 11 months ago #78890

Hi,

You can edit the CSS rule for the elements

.hikashop_previous_product {
  background-color: transparent !important;
  float: left;
  width: 50px;
  height: 50px;
  background-image: url(../images/icons/prev.png);
}

And

.hikashop_next_product {
  background-color: transparent !important;
  float: right;
  width: 50px;
  height: 50px;
  background-image: url(../images/icons/next.png);
}

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

Carolek
Topic Author
Offline

Posts: 157
Thank you received: 2

11 years 11 months ago #78914

Thank you for fast answer. I know how to edit css and I did:

.hikashop_previous_product {
background-color: transparent !important;
float: left;
float: 100px;
width: 50px;
height: 50px;
margin-left: 250px;
background-image: url(../images/icons/prev.png);

This is working with margin-left but if I'm doing margin top, it's also effecting the image. I want the arrows in the middle in the side of the picture but not the picture to move.

Please Log in or Create an account to join the conversation.