Featured media gallery tweak « Support Forum | Kriesi.at

Support Forum » Angular

Featured media gallery tweak

9 posts from 3 voices

Started 2 months ago by Casuh
Latest reply from Devin
This topic is resolved

Tags:

Casuh
Member

Hi guys,

This is what I would like to achieve:

On this page: http://www.kriesi.at/themes/angular/portfolio-item/happy-holidays/ I would like to have the small navigation icons (top left and top right) that appear when you hover the mouse over the image to be visible all the time. This way, the visitors will be aware that there are more images to be seen.

Let me know if this is possible.

Thanks a lot!

Lucian

Posted 2 months ago #
slackbladder
Member

Hi Lucian,

Try adding the following to your custom.css or quick.css:

#top div .arrow_controls a { opacity: 1 !important; }

Posted 2 months ago #
Casuh
Member

Hey Slackbladde :),

It's not fully functional yet. It does work but only after you pass over the image once with the mouse - you can check it here: http://husaclucian.com/portfolio-item/nice-image

Thanks for your help,

Posted 2 months ago #
Devin
Moderator

Hey Lucian,

The css from Slackbladde looks correct. That should force them to always be visible :)

Regards,

Devin

Posted 2 months ago #
Casuh
Member

Hi Devin,

I've placed the code in both places - custom.css or quick.css :) - I get the same result.

Cheers,
Lucian

Posted 2 months ago #
slackbladder
Member

Apologies Lucian, I am also getting that result. Devin (or another member of the team) will hopefully sort out a better fix than mine :)

Posted 2 months ago #
slackbladder
Member

Oh this worked for me - give it a try:

#top .arrow_controls a { opacity: 1 !important; display: block; }

Posted 2 months ago #
Casuh
Member

Slackbladder - spot on.

I owe you !

Posted 2 months ago #
Devin
Moderator

Looks like I responded with the window open while you were posting so I didn't see your post about it not working.

Glad its working for you now :)

Posted 2 months ago #