Manipulating Nav Arrow Height
 

Dear Youjoomla,

Can you please tell me how/where to change the height of the image slider navigation arrows? The only info firebug gives me is:
element.style {
display:block;
opacity:0.5;
top:142px;
}

But I can't locate this code in any of the image slider files.

Thank you.

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: WordPress 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: na

Have you edited any files? If yes tell us which ones.: Yes

Is this personal or client website?: Personal

Hello baituo01.
You can use this class to change the arrows style.
.slidearrows.slideLeft,
.slidearrows.slideRight {
}

Thanks, arefund, but I accidentally posted in the wrong forum.

My question pertains to the YJ Image Slider V4. Does that change your answer?

Same answer, I checked for YJ Image Slider V4.

Where should this code be inserted?

You can add it inside custom.css file

Individually or together?

I tried adding to custom.css but wouldn't accept it and nothing happened.

This was my version:

}
.slidearrows.slideLeft, .slidearrows.slideRight {
top: 56px;
}

Is the problem the comma between .slidearrows.slideLeft, .slidearrows.slideRight ?

Try to use !important like this:
slidearrows.slideLeft,
.slidearrows.slideRight {
top: 56px!important;
}

Only effects right arrow. Left one won't move. Even tried separating the code as:

slidearrows.slideLeft {
top: 56px!important;

}

.slidearrows.slideRight {
top: 56px!important;

}

Any ideas?

Thanks.

Never mind. Thanks.

Adding them individually worked, I just forgot a period.