Full width slider on password protected login page

Hey grusett!

I do not think that would be easily possible however i would like to give it a shot. Can you please create a private testing page and add the slider you would like to use in there then let us know?

Best regards,
Yigit

Hi!

I turned on debugging mode on – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/ to get the shortcode of your slider and then added following code to Functions.php file in Appearance > Editor

function custom_password_form() {
global $post;

echo do_shortcode( "[av_slideshow_full size='no scaling' stretch='' animation='slide' autoplay='false' interval='5' control_layout='av-control-hidden' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll']
[av_slide_full slide_type='image' id='46' video='http://' mobile_image='' video_format='' video_ratio='16:9' title='Welcome to members area' custom_title_size='30' custom_content_size='' caption_pos='caption_center' link_apply='' link='lightbox' link_target='' button_label='Click me' button_color='light' link1='manually,http://' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''][/av_slide_full]


[/av_slideshow_full]" );
$label = 'pwbox-'.( empty( $post->ID ) ? rand() : $post->ID );
$o = '<form action="' . esc_url( site_url( 'wp-login.php?action=postpass', 'login_post' ) ) . '" class="post-password-form" method="post">' . __( "This content is password protected. To view it please enter your password below:" ) . '
<label for="' . $label . '">' . __( "Password:" ) . ' </label><input name="post_password" id="' . $label . '" type="password" size="20" /><input type="submit" name="Submit" value="' . esc_attr__( "Submit" ) . '" />
</form>
';
return $o;
}
add_filter( 'the_password_form', 'custom_password_form' );

Please review your website now

Cheers!
Yigit

Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.page-id-221 .content {
    padding-top: 0;
}
.page-id-221 #main .container {
    max-width: 100%!important;
    padding: 0!important;
    width: 100%!important;
    margin: 0!important;
}
.page-id-221 #after_full_slider_1 .content {
    padding-top: 50px;
}

Regards,
Yigit

Hey!

Can you please change code to following one

.page-id-221 .content {
    padding-top: 0 !important;
}
.page-id-221 #main .container {
    max-width: 100%!important;
    padding: 0!important;
    width: 100%!important;
    margin: 0!important;
}
.page-id-221 #after_full_slider_1 .content {
    padding-top: 50px !important;
}

It should have worked :)

Cheers!
Yigit

Hey!

You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

Happy Easter to you too! :)

Regards,
Yigit