change slider color

• 

  jhanajian2 · Member · Apr 22, 2015 at 12:31 am

  • Copy link
  • Add topic to favorites

  On the Zuki theme, I have a front-page slider. I’m trying to change the background color of the slider so it matches the page background color. I want an 80% transparency on the slider. The following is what I’ve come up with so far, but it’s not working. Can someone please tell me what I’m missing here.

  #featured-content .rp-big-one-content .story {
  background-color: rgba (224,239,241, 0.8);
  }

  Thank you for the help.

  The blog I need help with is: (visible only to logged in users)

• 

  staff-jeanpierreac · Staff · Apr 22, 2015 at 7:53 am

  • Copy link

  Hi again! :D

  Try without the space between rgba and the parenthesis :) Just:

  #featured-content .rp-big-one-content .story {
  background-color: rgba(224,239,241, 0.8);
  }

  Nice blogging!

• 

  jhanajian2 · Member · Apr 22, 2015 at 1:34 pm

  • Copy link

  Omg, so close, and yet so far… and still …

  That takes care of the first page of the slider, and it looks really nice, but on the following pages of the slider, there is no difference –
  the slider background color stays its original color.

  Is there a way to make the slider background color stay the same color on all the following slider posts as it is on the first page?

  Thanks again for the help.

• 

  staff-jeanpierreac · Staff · Apr 22, 2015 at 1:43 pm

  • Copy link

  Hi, Jhanahian2.

  Are you sure? I have just checked and in my screen this change affects all the sliders.

• 

  jhanajian2 · Member · Apr 22, 2015 at 2:13 pm

  • Copy link

  I took screen shots of the first four slider intros. It’s a little hard to tell the difference in the colors on these screen shots, but it is quite evident by the transparency that 2.3 and 4 are quite different from 1

  screen shot 4

  screen shot 3

  screen shot 2

  screen shot 1

  What do you think? They don’t look the same to me.

• 

  staff-jeanpierreac · Staff · Apr 22, 2015 at 2:21 pm

  • Copy link

  Hi, Jhanajian2.

  I’m afraid this could be an optical effect because of the images you have below. Take into account the effect could not seem the same with a background of a very light pic (for instance, 4) or with another having strong colors and sharper figure borders as in the first pic.

  In my opinion the color and the opacity looks nice, but you can try with other images and, or, other values for color and opacity.

  Enjoy blogging.

• 

  jhanajian2 · Member · Apr 22, 2015 at 2:33 pm

  • Copy link

  I think you are right, it is an optical effect. I did an”inspect element” on each of the slider images, and they all show the same color and transparency. So it must be just my tired old eyes not working right.

  Thanks again.