Center sign up box in APWT

Need help? Please give a detailed explanation of your problem.
User avatar
Agalassi1792
AllPro Expert
Posts: 461
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Center sign up box in APWT

Postby Agalassi1792 » Mon Jan 29, 2018 3:17 pm

Hello,

I'm having trouble getting a horizontally ruled sign up box to center properly in APWT. This is my HTML:

<p style="text-align: center;">#|-SignUpBox|1-|#</p>

is there a different, better way to get it to center, since this isn't working.

Thanks.
User avatar
Elizabeth
Support Team
Posts: 4
Joined: Thu Mar 22, 2018 11:36 am
Website: www.allprowebtools.com

Re: Center sign up box in APWT

Postby Elizabeth » Mon Jan 29, 2018 4:56 pm

Go ahead and use the bootstrap grid system and create a 12/12 column. Place your sign up box in there with that same code mentioned above with the text-align:center command, and it should work. Here is a video to help you with the bootstrap if you are not completely familiar with it.
https://www.youtube.com/watch?v=Lcr7NBk7E_U
User avatar
Agalassi1792
AllPro Expert
Posts: 461
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Center sign up box in APWT

Postby Agalassi1792 » Tue Jan 30, 2018 12:10 pm

okay cool thanks. I tried that but it's not working right. However I am not able to clear cache on this site, as it's DNS records are elsewhere, so that could be why maybe. I tried in two browsers too - chrome and mozilla

my current HTML, using the 'no layout' template.

<div class="container">
<div class="row">
<div class="col-md-12">
<p style="text-align: center;">#|-SignUpBox|1-|#</p>
<p>&nbsp;</p>
</div>
</div>
</div>



User avatar
Brads326
Support Team
Posts: 49
Joined: Tue Dec 12, 2017 10:06 am
Website: www.allprowebtools.com

Re: Center sign up box in APWT

Postby Brads326 » Wed Jan 31, 2018 11:41 am

I've tested this out on the demo version of allprowebtools and I cannot seem to reproduce your problem. Do you think we could possibly do a screen share so that one of our support staff can see the problem first hand. Here is a video on how to start a screen share:
User avatar
Agalassi1792
AllPro Expert
Posts: 461
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Center sign up box in APWT

Postby Agalassi1792 » Fri Feb 02, 2018 4:50 pm

The support code for the client is:

Support Code: 3390-0

I do not think that I will have time to do a screenshare anytime soon regarding this client.



User avatar
Brads326
Support Team
Posts: 49
Joined: Tue Dec 12, 2017 10:06 am
Website: www.allprowebtools.com

Re: Center sign up box in APWT

Postby Brads326 » Mon Feb 05, 2018 2:18 pm

Thanks for the support code. I loaded up the page and I have seen your issue and I was able to fix it by doing this. You need to add: style="text-align: center" after "col-md-12". It should be after the end quotation mark but before the > That line of code should now be: <div class="col-md-12" style="text-align: center"> I did this in the browser and it centered the sign up box.
User avatar
Agalassi1792
AllPro Expert
Posts: 461
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Center sign up box in APWT

Postby Agalassi1792 » Mon Feb 05, 2018 3:32 pm

okay thanks! I appreciate it



User avatar
Agalassi1792
AllPro Expert
Posts: 461
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Center sign up box in APWT

Postby Agalassi1792 » Mon Feb 05, 2018 3:41 pm

Hi again,

I'm now having trouble centering a sign up box that is horizontally aligned, here's my HTML:


<div class="container">
<div class="row">
<div style="text-align: center;" class="col-md-12">
<p style="text-align: center;">#|-SignUpBox|9-|#</p>
</div>
</div>
</div>

the clients support code is:
Support Code: 1730-0
Page ID: id=127

let me know what's going on, thanks!



User avatar
Dave
Support Team
Posts: 663
Joined: Wed May 11, 2011 10:30 am
Website: www.allprowebtools.com
Contact:

Re: Center sign up box in APWT

Postby Dave » Tue Feb 06, 2018 11:44 am

It looks like you have a custom CSS file for this account that is over 900 lines in length. There is something in the custom CSS file that is conflicting with centering the leadbox. We have confirmed that the sign up box can be centered with one of our prebuilt themes located here: http://allprowebtoolsthemes.com

This forum is for providing support for the AllProWebTools built in features and themes. We try whenever possible, but we cannot individually troubleshoot issues caused by customizations.

I am sorry that we cannot be of any further assistance to you with this issue.
User avatar
Agalassi1792
AllPro Expert
Posts: 461
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Center sign up box in APWT

Postby Agalassi1792 » Thu Feb 22, 2018 4:01 pm

I am attempting to center a sign up box on a site that is a very new and clean installation.

The sign up box is still not centering. Here's my HTML:

<div class="row">
<div style="text-align: center;" class="col-md-12">
<p style="text-align: center;">#|-SignUpBox|1-|#</p>
</div>
</div>

support code is Support Code: 3488-0



User avatar
Brads326
Support Team
Posts: 49
Joined: Tue Dec 12, 2017 10:06 am
Website: www.allprowebtools.com

Re: Center sign up box in APWT

Postby Brads326 » Fri Feb 23, 2018 11:41 am

I saw your code and have figured out a solution. You must add margin: auto to within the style tag of the code right here:

Code: Select all

<div class="leadbox leadbox1 custombox0" style="width:320px; margin: auto">


If you could confirm that this works with us that would be greatly appreciated.
User avatar
Agalassi1792
AllPro Expert
Posts: 461
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Center sign up box in APWT

Postby Agalassi1792 » Fri Feb 23, 2018 5:33 pm

okay thanks that finally worked.

But is there anyway that you could make centering sign up boxes much easier than this?

Just wondering, thanks.



User avatar
Brads326
Support Team
Posts: 49
Joined: Tue Dec 12, 2017 10:06 am
Website: www.allprowebtools.com

Re: Center sign up box in APWT

Postby Brads326 » Mon Feb 26, 2018 3:24 pm

I'm glad we got everything figured out with that sign up box. Also, thanks for the suggestion, about trying to make it easier to center the sign up boxes. We'll keep this in mind when planning future version of AllProWebTools!

Return to “Help / How to use AllProWebTools”



Who is online

Users browsing this forum: No registered users and 5 guests