Youjoomla Support Forums (
-   Image Slider V2.0 (
-   -   Manipulating Nav Arrow Height (

baituo01 08-27-2015 12:50 AM

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: {

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

arefund 08-27-2015 04:37 AM

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

baituo01 08-27-2015 10:26 AM

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

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

arefund 08-31-2015 08:04 AM

Same answer, I checked for YJ Image Slider V4.

baituo01 09-25-2015 07:45 AM

Where should this code be inserted?

arefund 09-25-2015 09:13 AM

You can add it inside custom.css file

baituo01 09-25-2015 11:22 PM

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 ?

arefund 09-28-2015 07:50 AM

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

baituo01 09-29-2015 06:51 AM

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?


baituo01 09-29-2015 07:12 AM

Never mind. Thanks.

Adding them individually worked, I just forgot a period.

All times are GMT -4. The time now is 10:38 PM.

Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.