Background black on fade transition Features slide

11 posts in this topic

Hi, i don't know if is the right section of the forum for this topic, then sorry if it's wrong.


When the fade transition is on, on Features Slide.. the transition fade in black. I have some slide with white background (SEE THERE) but i would like to have a white background. It's a bug o there is some ways to change the background that let the people, see a fade transition between slide but whitout disappear or see the black between?


If yes, how i can set it?


Many thanks for fast reply


Share this post

Link to post
Share on other sites

Buongiorno Stefano,


Several versions back, the Feature Slider introduced a dark grey background behind the slider.  This can be fixed with CSS.


If you'd like to tell me which site you're working on, I'll be happy to take a look and provide you with some guidance.


Best always,



Share this post

Link to post
Share on other sites

Hi my friend,

I would be very grateful if you would provide me the right css .. I swear I tried but I haven't found it.

On my official site:

The feature slide with my face just up to the latest post plugin


Many thanks!! :)


Share this post

Link to post
Share on other sites

We are unable to provide the custom CSS to achieve your layout. However, have a look at my screenshot below, I have highlighted the correct class which you will need to override.

In the right hand side you can see that I have changed the background color to white, by default this is an overlay image, so override this class using custom CSS and add either background white or background transparent.

Share this post

Link to post
Share on other sites


Share this post

Link to post
Share on other sites

I found the problem..

What is this?


#feature_slider #feature-area {
  1. display: block;
  2. position: relative;
  3. width: 100%;
  4. background: url(;
  5. box-shadow: 0 2px 5px rgba(0,0,0,0.3), inset 0 0 15px rgba(0,0,0,0.5);
  6. overflow: visible;


Background image???

How i can remove it?

Which css code i can use in custom css that let me remove this background?

Share this post

Link to post
Share on other sites

Now i change the black image in white and the fade is ok .. but appear a line down... one time black, one time orange.. why?

Between the slide and the navigation icon.

Share this post

Link to post
Share on other sites

Hi Stefano


I've checked your site but I can't see the line even when the slide transitions, where about is it appearing and in which browser?


This is what i see -

Share this post

Link to post
Share on other sites

Hi Stefano,


I don't see any problems.  You've made a most excellent site!  I remember where we started a year or more ago.



Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • Revslider - Background Clickable
      By jacobtippett+
      I am trying to get the background image of the Revslider to be clickable and redirect to a link.
      Does anyone know how this is possible?
    • background
      By martinjrob+
      I am having problems in figuring out how to make the sections transparent so it shows 1 background color, Image.
      I have made all sections with no background colour as it suggests in pagelines docs
      this is the domain name and this is how i would like it to look
      Any help will be much appreciated. 
    • Adjust background image for mobile
      By abuzzelli+
      Trying to adjust the position of the background image on I need the wolf background to move over to the left on mobile versions so it can be seen. Here's the code I'm using and it's not working. I've tried a bunch of different things. Getting frustrated. Any advice?
      @media (max-width: 768px) { .home .site-wrap{ background: url(; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 100% 0%; } } 
    • Three text box with different background color
      By zetanet+
      I can insert three text box in a page, of course.
      I'm not able to set three different background colors to each text box.
      I would like a result as the attached picture.
      How do I do this?

    • Page Title with BG Graphic
      By gavred+
      Hi Guys, 
      I wonder if you could help me. I'm trying to add a simple background graphic to a page title. (See attached.) 
      I know I could just create each graphic and add it to the top of each of page as an image, but I'm wondering if there's a better way? 
      If you have any suggestions I'd be very grateful. 
      For reference, the site i'm building is