[Tristan AParticipant]

Hi guys,

I am playing around with a few ideas in revolution slider. I intent to build something into a full screen slider that looks a bit what you see on this page: http://www.jonathanfields.com/

There is a gray section to the left, with two green buttons in it. Clicking the button opens a form.

Setting that up is no problem. However, getting it to work responsively is.

Let me explain (going back to the example of the URL provided above).

I’d set up the gray box as a layer, have text as a layer and set up the buttons as layers too.
Clicking the button would then invoke (1) a layer fade out action for the shape and the buttons and (2) invoke a fade in for an optin form.

Obviously, I would want the buttons to appear nicely aligned with the grey box. However, revolution slider thinks otherwise…. In the big screen the button would sit nicely in the grey box. However, in other screen sizes, the button moves across the grey box, or even go outside it.

I’ve been playing around with the behaviour settings but can’t seem to get this quite right…. Ideally, I would like to be able to ‘group’ things, as you would in powerpoint.

Any thoughts?

Or should I set up the entire thing (grey box, text in it, the buttons) as one layer and if so, how?

[RadModerator]

Hi there,

Thanks for posting in.

Unfortunately, grouping layers aren’t possible in rev. slider, and you can’t set them as one layer. That could be possible if you’re going to wrap your element as shortcode, and then use its shortcode for text layer.

Let say you added this code at your child theme’s functions.php

function my_custom_shortcode_for_slider () {
return 'your html content here';
}
add_shortcode('my_custom_shortcode_for_slider', 'my_custom_shortcode_for_slider');

Then just add the shortcode [my_custom_shortcode_for_slider] at your text layer.

This is just an idea, and since Rev. Slider is from different author, I can’t really cover this. All we could do is note down the bugs and suggestion so we could forward it to the author.

Thanks for understanding.

[Author]

Posts