Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Position of Submit button

Position of Submit button

Locked

Views: 2,831

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
9 Nov 2010, 7:03 PM
#1
perfumbg avatar

perfumbg

Zen Follower

Join Date:
May 2010
Posts:
192
Plugin Contributions:
5

Position of Submit button

Hi zenners,

I want the submit-button to show a slightly upward and the left if possible. Is there a way to do this with css.

Thanks in advance.

9 Nov 2010, 7:07 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Position of Submit button

A link to the page you are concerned with....

9 Nov 2010, 7:16 PM
#3
perfumbg avatar

perfumbg

Zen Follower

Join Date:
May 2010
Posts:
192
Plugin Contributions:
5

Re: Position of Submit button

kobra:

A link to the page you are concerned with....

here ,

9 Nov 2010, 7:31 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Position of Submit button

Try adding this to the end of your stylesheet and adjust to suit

.buttonRow {
        margin: -1em 2em 0em 0em;
        }
9 Nov 2010, 8:05 PM
#5
perfumbg avatar

perfumbg

Zen Follower

Join Date:
May 2010
Posts:
192
Plugin Contributions:
5

Re: Position of Submit button

thanks cobra, but it makes all the buttons to move up not only submit-button, How do I restrict others to move?

Thanks for your time, appreciate it a lot.

9 Nov 2010, 8:09 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Position of Submit button

That is currently in a div class ".buttonRow"

To segregate you would have to change the div for the buttom you want moved to a unique one that can then be added to the stylesheet

9 Nov 2010, 8:41 PM
#7
perfumbg avatar

perfumbg

Zen Follower

Join Date:
May 2010
Posts:
192
Plugin Contributions:
5

Re: Position of Submit button

kobra:

That is currently in a div class ".buttonRow"

To segregate you would have to change the div for the buttom you want moved to a unique one that can then be added to the stylesheet

Could you give me some example of this ?

Thanks again.

9 Nov 2010, 8:53 PM
#8
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Position of Submit button

Could you give me some example of this ?
From the end of tpl_create_account_default.php
Change the div class="buttonRow forward"
to something unique like
div class="submitButton forward"

</fieldset>

<div class="buttonRow forward"><?php echo zen_image_submit(BUTTON_IMAGE_SUBMIT, BUTTON_SUBMIT_ALT); ?></div>
</form>
</div>
10 Nov 2010, 9:25 AM
#9
perfumbg avatar

perfumbg

Zen Follower

Join Date:
May 2010
Posts:
192
Plugin Contributions:
5

Re: Position of Submit button

kobra:

From the end of tpl_create_account_default.php
Change the div class="buttonRow forward"
to something unique like
div class="submitButton forward"

</fieldset> <div class="buttonRow forward"><?php echo zen_image_submit(BUTTON_IMAGE_SUBMIT, BUTTON_SUBMIT_ALT); ?></div> </form> </div> ```

Works great for me :clap: , thanks a lot Cobra.