Button Alignment

This topic has been marked as not resolved.

Hello,

I have a couple of modules I have added the stylised button to but I can’t get the alignment to be to the left below the text, its always to the right.

Could you tell me what I need to add to each of the modules template to get it to align as I would like?

Picture added to show what I mean.

Many Thanks

July 22, 2013 at 3:58 am #25786
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
July 22, 2013 at 5:16 pm #25823

That worked, thank you! I have now noticed that a line is now above the button and not below it, the code is:

<div id="mailchimpStatus"></div>
    <div style="margin-top: 5px"> <div class="left"> <a class="s_button_1 s_main_color_bgr" id="mailchimpButton"><span class="s_text"><?php echo $button_submit; ?></span></a></div>
  </form>
  </div>
</div>

What do I need to change to move it?

Picture attached to show what I mean.

Many thanks for all your help, it is much appreciated.

July 23, 2013 at 1:31 pm #25852

Sorry the full code is this:


<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <form id="mailchimp">
    <div>
      <label><span class="required">*</span> <?php echo $entry_email; ?></label>
      <input type="text" name="email" id="email"/>
      <?php if (isset($extra_fields)) { ?>
        <label><span class="required">* </span><?php echo $entry_firstname; ?></label>
        <input type="text" name="firstname" id="firstname"/>
        <label><span class="required">* </span><?php echo $entry_lastname; ?></label>
        <input type="text" name="lastname" id="lastname"/>
      <?php } ?>
    </div>
      <div id="mailchimpStatus"></div>
    <div style="margin-top: 5px"> <div class="left"> <a class="s_button_1 s_main_color_bgr" id="mailchimpButton"><span class="s_text"><?php echo $button_submit; ?></span></a></div>
  </form>
  </div>
</div>

July 23, 2013 at 1:49 pm #25854

And this last box, wherever I try to place left it ruins the layout. Where should it do?


<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div id="order_tracking" class="box-content">
      <?php if (isset($this->session->data['tracking_order']) && $this->session->data['tracking_order'] >= 3) { ?>
    <div class="warning"><?php echo $error_tracking_order; ?></div>
    <?php } ?>
    <div class="heading" id="order_tracking_title"></div>
      <?php if (!isset($this->session->data['tracking_order']) || $this->session->data['tracking_order'] < 3) { ?>
    <div id="order_tracking_form">
      <span class="order_tracking_elements"><?php echo $entry_order_id; ?></span>
        <span class="order_tracking_elements"><input type="text" name="order_id" value="" /></span>
        <span class="order_tracking_elements"><?php echo $entry_email; ?></span>
        <span class="order_tracking_elements"><input type="text" name="email" value="" /></span>
    <?php if($captcha_status == '1') { ?>
    <span class="order_tracking_elements"><?php echo $entry_captcha; ?></span>
        <span class="order_tracking_elements"><input type="text" name="captcha" value="" autocomplete="off" /></span>
        <span class="order_tracking_elements"><img src="index.php?route=module/order_tracking/captcha" id="captcha" /></span>
    <?php } ?>
      <span class="order_tracking_elements"><a onclick="trackOrder();" class="s_button_1 s_main_color_bgr"><span class="s_text"><?php echo $button_track_order; ?></span></a></span>
    <br style="clear:both;" />
    </div>
    <?php } ?>
  </div>
</div>

July 23, 2013 at 2:16 pm #25855

Hi,

Can we check the website live?

Best,
ThemeBurn team

July 26, 2013 at 12:02 pm #25937

Yes of course

Secondly I sent you an email over a week ago with a couple of files I needed some assistance with, did you receive them as I have not heard back from you about it.

Regards

August 2, 2013 at 6:41 pm #26171
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
August 6, 2013 at 11:56 am #26247

Sorry for the delay, Been on a break.. Where do I add the last bit of code you posted?

I will set up the threads for the extensions, none are total rewrites, just assistance.

Many Thanks

August 26, 2013 at 10:41 pm #26986

Hi,

It is best to always put custom styles at the bottom of your catalog/view/theme/shoppica2/stylesheet/screen.css.php, or from the “Custom Stylesheet” field from the theme control panel.

Best,
ThemeBurn team

August 29, 2013 at 2:33 pm #27074

Hi, I have added the code to the catalog/view/theme/shoppica2/stylesheet/screen.css.php and it has fixed the issue with the line at the bottom but the buttons are still aligning right and not tight to the left as it were, is this a case that once content, images ect are added that it will work or does it need something else?

Thanks

September 30, 2013 at 4:05 pm #27806
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
October 2, 2013 at 9:37 am #27855

No, that has not worked either. How odd that that it will not align left!

October 6, 2013 at 11:50 pm #27952

Hi,

Please, check again, if you have added the classes correctly. Here is a screenshot with them added.

Best,
ThemeBurn team

October 14, 2013 at 10:03 am #28154
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.