Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

Manipulating Nav Arrow Height

08-27-2015, 12:50 AM
# 1 (permalink)
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 {

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
08-27-2015, 04:37 AM
# 2 (permalink)
Hello baituo01.
You can use this class to change the arrows style.
.slidearrows.slideRight {
Kindness costs the least, but is worth the most!
08-27-2015, 10:26 AM
# 3 (permalink)
Thanks, arefund, but I accidentally posted in the wrong forum.

My question pertains to the YJ Image Slider V4. Does that change your answer?
08-31-2015, 08:04 AM
# 4 (permalink)
Same answer, I checked for YJ Image Slider V4.
Kindness costs the least, but is worth the most!
09-25-2015, 07:45 AM
# 5 (permalink)
Where should this code be inserted?
09-25-2015, 09:13 AM
# 6 (permalink)
You can add it inside custom.css file
Kindness costs the least, but is worth the most!
09-25-2015, 11:22 PM
# 7 (permalink)
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 ?
09-28-2015, 07:50 AM
# 8 (permalink)
Try to use !important like this:
.slidearrows.slideRight {
top: 56px!important;
Kindness costs the least, but is worth the most!
09-29-2015, 06:51 AM
# 9 (permalink)
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?

09-29-2015, 07:12 AM
# 10 (permalink)
Never mind. Thanks.

Adding them individually worked, I just forgot a period.
Thread Tools
Display Modes

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

Members Login