![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: post slider
-
AuthorPosts
-
August 21, 2018 at 9:25 pm #1000024
I have the arrows looking/working the way I would like, but there is a light grey box behind the image/arrows that I can’t find in the CSS to remove and it looks like maybe it’s part of the template defined as an inline style with opacity. Please see the attached image to see what I mean. I would like for there to be no background or opacity there.
August 21, 2018 at 9:41 pm #1000029Hey lzevon,
The arrows will become invisible.
Could you please attach a mockup of what you’re trying to achieve?
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaAugust 22, 2018 at 4:48 pm #1000428They don’t become invisible, I already worded that part out. In fact ignore the arrow thing all together, I just ned to know how to get rid of the grey background as mentioned in my initial inquiry. See link…
August 22, 2018 at 7:50 pm #1000494Hi,
To change the background color
#top .avia-slideshow-arrows a:before { background: rgba(0,0,0,0) !important; }
To change the arrow color
#top .avia-slideshow-arrows a { color: #d02d2d; }
Best regards,
VinayAugust 22, 2018 at 8:17 pm #1000507Thanks Vinay – my fault for the poor subject title. This probably has nothing to do with the arrows. I am trying to point out the grey behind the image as highlighted in the imgur attachment. I have no issue getting the arrow color, the arrow box background color or the ability to get them static – my only question is how to override the inline style (why would you use those?!) for the div with the clasee .slide-entry-wrap .active slide (the inline style is visibility: visible; z-index: 3; opacity: 1; transition: none 0s ease 0s; transform: translateZ(0px);)
August 24, 2018 at 2:52 pm #1001260Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
.main_color .avia-content-slider .slide-image { background: transparent; }
Best regards,
YigitAugust 24, 2018 at 5:06 pm #1001314That’s it – thanks Yigit!
August 24, 2018 at 5:12 pm #1001318 -
AuthorPosts
- The topic ‘post slider arrow background’ is closed to new replies.