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!

Forum index > Public Joomla forums > Free Joomla Extensions > Image Slider V2.0 > Manipulating Nav Arrow Height

Manipulating Nav Arrow Height

08-27-2015, 12:50 AM
# 1 (permalink)
baituo01's Avatar
baituo01
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
08-27-2015, 04:37 AM
# 2 (permalink)
arefund's Avatar
arefund
Hello baituo01.
You can use this class to change the arrows style.
.slidearrows.slideLeft,
.slidearrows.slideRight {
}
Kindness costs the least, but is worth the most!
08-27-2015, 10:26 AM
# 3 (permalink)
baituo01's Avatar
baituo01
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)
arefund's Avatar
arefund
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)
baituo01's Avatar
baituo01
Where should this code be inserted?
09-25-2015, 09:13 AM
# 6 (permalink)
arefund's Avatar
arefund
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)
baituo01's Avatar
baituo01
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)
arefund's Avatar
arefund
Try to use !important like this:
slidearrows.slideLeft,
.slidearrows.slideRight {
top: 56px!important;
}
Kindness costs the least, but is worth the most!
09-29-2015, 06:51 AM
# 9 (permalink)
baituo01's Avatar
baituo01
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.
09-29-2015, 07:12 AM
# 10 (permalink)
baituo01's Avatar
baituo01
Never mind. Thanks.

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

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

Latest News

Yjsg Version 2.3.6 released Yjsg 2.3.6 for Joomla has been released. This version improves the code and fixes few bugs. S Continue reading
Introducing simple and affordable pricing model In the past few years our pricing model was separating members in to single purchase and club memb Continue reading

Members Login

Username
Password