arrows opacity on product slider « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Abundance

closed

resolved

arrows opacity on product slider

9 posts from 3 voices

Started 10 months ago by rwongaz
Latest reply from Ismael
This topic is closed
This topic is resolved

Tags:

rwongaz
Member

Hi, I'm interested in making the arrows on the right and left of my product slider on the home page to be showing all the time. Right now it just goes opaque when I hover over the slider.

I tried putting this css in my custom.css file, but it didn't work. Any ideas? Thank you for your help....

.slide_controls a{
opacity: 1 !important;
}

Roland

Posted 10 months ago #
rwongaz
Member

my website URL is http://www.itsartbygolly.com
thanks.

Posted 10 months ago #
Ismael
Moderator
Hi rwongaz,

Try to add this code:
```
.ctrl_arrow {
   opacity: 1 !important;
}
```
Hope this helps. :)

Regards,
Ismael
Posted 10 months ago #
rwongaz
Member

Hmm, didn't seem to work Ismael... These classes I used below seem to be more directly tied into those navigational arrows, but they still don't work for me. Any more ideas? Thanks so much for you help.

.arrow_controll.arrow_controll_prev{
opacity:1 !important;
visibility: visible;
}
.arrow_controll.arrow_controll_next{
opacity:1 !important;
visibility: visible;
}

Posted 10 months ago #
Ismael
Moderator
Hi rwongaz,

I think I was looking at the wrong slider controls. Try to add this code:
```
.shop_slider_yes > div {
   opacity: 1 !important;
}
```
Hope this helps. :)

Regards,
Ismael
Posted 10 months ago #
rwongaz
Member

Ismael, that worked great! Thanks so much. Working with this slider, I have noticed a little bug that you might know how to repair? Can you look at my product slider and you will notice the first item that is listed, on the left. It doesn't offer the hover controls to "add to cart" or "see details". It doesn't matter what product it is...it's always that 1st product on that 1st column that doesn't work. Any ideas? Thanks again,

Roland

http://itsartbygolly.com/

Posted 10 months ago #
Devin
Moderator
Hi Roland,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
#top.home .thumbnail_container .button {
z-index: 3;
}
```
Regards,

Devin
Posted 10 months ago #
rwongaz
Member

Devin and Ismael, you guys are great, the product slider is working perfectly now. Thanks so much for your help on this great theme.

Posted 10 months ago #
Ismael
Moderator

Hi rwongaz,

Glad that we could help you. :)

Cheers,
Ismael

Posted 10 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top