Center sign up box in APWT

Need help? Please give a detailed explanation of your problem.
Post Reply
User avatar
Agalassi1792
AllPro Expert
AllPro Expert
Posts: 496
meble kuchenne Mikołów Knurów Czechowice-Dziedzice
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Center sign up box in APWT

Post by Agalassi1792 »

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
Support Team
Posts: 4
Joined: Thu Mar 22, 2018 11:36 am
Website: www.allprowebtools.com

Re: Center sign up box in APWT

Post by Elizabeth »

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
AllPro Expert
Posts: 496
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Center sign up box in APWT

Post by Agalassi1792 »

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
Support Team
Posts: 103
Joined: Tue Dec 12, 2017 10:06 am
Website: www.allprowebtools.com

Re: Center sign up box in APWT

Post by Brads326 »

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
AllPro Expert
Posts: 496
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Center sign up box in APWT

Post by Agalassi1792 »

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
Support Team
Posts: 103
Joined: Tue Dec 12, 2017 10:06 am
Website: www.allprowebtools.com

Re: Center sign up box in APWT

Post by Brads326 »

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
AllPro Expert
Posts: 496
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Center sign up box in APWT

Post by Agalassi1792 »

okay thanks! I appreciate it
User avatar
Agalassi1792
AllPro Expert
AllPro Expert
Posts: 496
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Center sign up box in APWT

Post by Agalassi1792 »

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
Support Team
Posts: 769
Joined: Wed May 11, 2011 10:30 am
Website: www.allprowebtools.com
Contact:

Re: Center sign up box in APWT

Post by Dave »

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
AllPro Expert
Posts: 496
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Center sign up box in APWT

Post by Agalassi1792 »

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
Support Team
Posts: 103
Joined: Tue Dec 12, 2017 10:06 am
Website: www.allprowebtools.com

Re: Center sign up box in APWT

Post by Brads326 »

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
AllPro Expert
Posts: 496
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Center sign up box in APWT

Post by Agalassi1792 »

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
Support Team
Posts: 103
Joined: Tue Dec 12, 2017 10:06 am
Website: www.allprowebtools.com

Re: Center sign up box in APWT

Post by Brads326 »

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!
Post Reply