-
Posts
-
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.
Hey 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,
VictoriaThey 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…
Hi,
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,
VinayThanks 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);)
Hi,
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,
Yigit
- The topic ‘post slider arrow background’ is closed to new replies.