[Customizr] Make a background slider for pages ?

I suggest you look into Firebug which enables you to inspect the site and investigate how it was built.

It’s using a NextGen plugin to help you on your way.

Hello,

Thank you for the fast answer.

I checked the page with Firebug, it’s a really nice tool, unfortunately I’m not good enough to see how they manage to put a slider with custom fields as background.

Tried to install and configure some NextGen plugins but all I’ve got is a basic slider that I can put in my pages.

Maybe the website uses the basic Customizr slider with some custom css ?

I have noticed that only the slider is moving, the container doesn’t move, so maybe, you have to copy the slider’s shortcode and put it as a background somewhere?

Ok guys, I’m on the right way !

Apparently, the plugin used to put a slider as background is WP supersized, combined with NextGen Gallery.

Here’s my progression : https://facetool.fr/epilations/ .

Now, i would like to add a semi transparent container to place my text in.

Can I do this with shortcode Ultimate, or with a specific plugin?

Impressive!

Here’s the Czr slider CSS code for the caption:

.carousel-caption {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  line-height: 14px;
  margin-left: 11%;
  max-width: 60%;
  padding: 5%;
  position: relative;
  vertical-align: middle;
}

So try:

article.post-24 {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}

Hello rdellconsulting,

Good job !I tried to add :

article.post-24 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
}

Aaaand it work ! You’re a boss hehe.

This piece of code was simple, but will really help me !

[PROBLEM SOLVED]

Hi rekonx. Looks great. Watch out for the responsiveness on small screen sizes. Dave’s article on media queries explains how to get this right.

Hey thank you man, I appreciate that !

Also thank you for the tutorial, I’ll have a look as soon as possible to make my website more efficient !! ??