resizing secure image gallery id

HomeSupportImage Storeresizing secure image gallery id

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #56854
    Duddlebug
    Participant

    how would you go about resizing the secure image gallery id and password boxes where the client adds their gallery id and password box. it seems like it to big for my lay out and I would like to fix the size to be smaller so it will fit.

    I also like to know how I can go about changing the words ( To view your images please enter your login information below) to something else

    #56858
    Xpark Media
    Keymaster

    @Duddlebug,

    you can change the size of the fields using css if you have worked with css. you want to add this to your child theme so you don’t lose the changes when you update your theme or image store.

    If you need help with the css rules please provide a link to your site.

    add this code in your child theme or into a plugin, and change the wording “To view your images please enter your login information below”. You canl also change the html if you know how.

    
    function theme_change_imstore_login_user_form( $form, $gallery ){
    		
    		$gallery_label = "ims-galbox-{$gallery->ID}";
    		$password_label = "ims-pwdbox-{$gallery->ID}";
    		$nonce = wp_create_nonce( 'ims_access_form' );
    		
    		$output = '<form action="' . get_permalink( $gallery->ID ) . '" method="post">
    		
    			<p class="message login">' . __( "To view your images please enter your login information below:", 'ims' ) . '</p>
    			
    			<div class="ims-fields">
    				<label for="' . $gallery_label . '">' . __("Gallery ID:", 'ims') . '</label> 
    				<input type="text" id="' . $gallery_label . '" name="' . $gallery_label . '" /><span class="linebreak"></span>
    				<label for="' . $password_label . '">' . __("Password:", 'ims') . '
    				</label> <input name="' . $password_label . '" id="' . $password_label . '" type="password" />
    				<span class="linebreak"></span>
    				<input type="submit" name="login-imstore" value="' . esc_attr__("log in", 'ims') . '" />
    				<input type="hidden" name="_wpnonce" value="' . esc_attr( $nonce ) . '" />
    				' . apply_filters( 'ims_after_login_form', '' ) . '
    			</div>
    		</form>
    		';
    		
    		return $output;
    }
    add_filter( 'ims_login_form', 'theme_change_imstore_login_user_form', 50, 2 );
    #56961
    Duddlebug
    Participant

    May I ask you for help with the css, i new to this here is my web sight

    So far the info boxes are fitting , all i need to do is change the saying.

    thank you for your help.
    Anna

    #56965
    Duddlebug
    Participant

    sorry here is my

    #56971
    Duddlebug
    Participant

    Sorry I do not know why my website address will now show. http://www.annadecarlophotography.com

    #56983
    Xpark Media
    Keymaster

    @Duddlebug,

    To hide the message use .message.login{ display:none} this will hide the message and you can add your own directly in the page.

    Not sure what other display changes you need but a screenshot of what you want will help.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.