Remove linear-gradient from existing object

• 

  xziren88 · Member · Apr 6, 2017 at 8:57 pm

  • Copy link
  • Add topic to favorites

  Hey guys,

  i’m using the Milagro-Theme for this site… On the first page i use an object called ‘milagro-slider’ it’s basically just a fullwidth slider with some images. problem is, it creates a linear-gradient over the images. I know that because i inspected the element with chrome inspector. The html-code for the active picture looks like this:

  /*<div class=”swiper-slide slide1 swiper-slide-active” style=”background-size: cover; background-position: center center; background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)), url("http://www.jk-photoakademie.de/wp-content/uploads/2017/03/Oberes-Fenster-JKPhoto-Beklebungohne-Text-1.jpg"); width: 2005px;”>
  <div class=”col-md-0 col-sm-12″>
  <div class=”slider_content”>

  <h2 class=”animated fadeInUp” style=”visibility: visible;”>JKPhotoakademie</h2> <p style=”visibility: visible;” class=”animated fadeInUp”>von Jekaterina Knyasewa</p> Herzlich Wilkommen
  </div>
  </div>
  </div>*/

  I’d like to edit it via the costum CSS-File. (i’m to low-skilled for going too deep into the theme)…
  problem: the gradient is an attribute of ‘background-image’ so if i want to remove it, i have to change the whole background image. if i do so, obviously the image is removed aswell. i could add the image url to the background-image, but this would result in only 1 picture and i want more than 1. if i just change to linear-gradient(); or add a transparent gradient nothing happens.
  I hope someone can help me with that.

• 

  thesacredpath · Member · Apr 7, 2017 at 7:44 am

  • Copy link

  Hi @xziren88, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest asking for help from the theme author directly or ask in the volunteer-based WordPress.org forums.

  The differences between WordPress.com and WordPress.org.